@charset "utf-8";



@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;}







.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*/



/*Top*/

.Top{ padding:0 15px; max-width:1890px; margin:0 auto; height:121px; position:relative; z-index:9; background:#fff;}

.Top .slide_bg{ position:absolute; left:0; top:121px; background:url(../images/nav_slide_bg.png) repeat; overflow:hidden; width:100%; height:0; font-size:14px;}

.Top .slide{ overflow:hidden; width:100%;}

.Top .slide .con{ padding:30px 0 25px; float:right; overflow:hidden;}



/*.Top .slide .a{ 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);}*/



.Top .slide a span{ display:block; padding-top:14px;}

.Top .slide a.a1{ border-left:none;}





.Top .slide1{ height:199px;}

.Top .slide1 .con{ padding:40px 0; text-align:right;}

.Top .slide1 a{ display:inline-block; padding:16px 0; width:194px; text-align:center; border-left:1px solid #f2f2f2;}



.Top .slide2{ height:212px;}

.Top .slide2 .right{ float:right; width:955px; text-align:right;}

.Top .slide2 .right .list1{ float:left; display:none;}

.Top .slide2 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}

.Top .slide2 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden;}

.Top .slide2 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}

.Top .slide2 .right .list2 a span{ padding-top:25px;}



.Top .slide2 .left{ float:right;}

.Top .slide2 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}

.Top .slide2 .left a.a_bg,.Top .slide2 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}





.Top .slide3{ height:356px;}

.Top .slide3 .right{ float:right; width:955px; overflow:hidden; display:none; min-height:50px;}

.Top .slide3 .right.block{ display:block;}

.Top .slide3 .right .div{ width:300px; float:left; margin-left:95px;}

.Top .slide3 .right .div .img{ width:300px; height:213px; overflow:hidden;}

.Top .slide3 .right .div .title{ color:#ff6c00; font-weight:bold; padding:20px 0 10px;}

.Top .slide3 .right .div .txt{ font-size:12px; height:55px; position:relative;word-wrap: break-word;word-break: break-all;}

.Top .slide3 .right .div .txt em{ position:absolute; left:0; bottom:0; width:60px; height:3px; background:#ff6c00;}



.Top .slide3 .left{ float:right; line-height:22px;}

.Top .slide3 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;}

.Top .slide3 .left a.a_bg,.Top .slide3 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}



.Top .slide4{ height:212px;}

.Top .slide4 .con{ text-align:right;}

.Top .slide4 a{ display:inline-block; margin-left:45px; text-align:center;}



.Top .slide5{ height:199px;}

.Top .slide5 .con{ padding:40px 0; text-align:right;}

.Top .slide5 a{ display:inline-block; padding:16px 0; width:194px; text-align:center; border-left:1px solid #f2f2f2;}



.Top .slide6{ height:212px;}

.Top .slide6 .con{ text-align:right;}

.Top .slide6 a{ display:inline-block; margin-left:45px; text-align:center;}





.Top .slide7{ height:190px;}

.Top .slide7 .con{ padding:15px 0;}

.Top .slide7 .right{ float:right; width:987px; overflow:hidden;}

.Top .slide7 .right .list{ display:none;}

.Top .slide7 .right .list1{ display:block;}

.Top .slide7 .right .list1 a{ display:block; float:left; background:url(../images/case_area2.png) no-repeat; padding-top:20px; width:101px; height:30px; text-indent:56px; margin:15px 0 15px 40px; line-height:30px;}

.Top .slide7 .right .list1 a:hover{ color:#fff;}



.Top .slide7 .right .list2{ overflow:hidden; padding-top:15px;}

.Top .slide7 .right .list2 a{ display:block; line-height:54px; width:141px; float:left; font-size:14px;}



/*

.Top .slide7 .right .list1 .guangzhou{ background-position:0 0;}

.Top .slide7 .right .list1 .guangzhou:hover{ background-position:0 -50px;}

.Top .slide7 .right .list1 .shenzhen{ background-position:-101px 0;}

.Top .slide7 .right .list1 .shenzhen:hover{ background-position:-101px -50px;}

.Top .slide7 .right .list1 .xiamen{ background-position:-202px 0;}

.Top .slide7 .right .list1 .xiamen:hover{ background-position:-202px -50px;}

.Top .slide7 .right .list1 .shanghai{ background-position:-303px 0;}

.Top .slide7 .right .list1 .shanghai:hover{ background-position:-303px -50px;}

.Top .slide7 .right .list1 .hefei{ background-position:-404px 0;}

.Top .slide7 .right .list1 .hefei:hover{ background-position:-404px -50px;}

.Top .slide7 .right .list1 .foshan{ background-position:-505px 0;}

.Top .slide7 .right .list1 .foshan:hover{ background-position:-505px -50px;}

.Top .slide7 .right .list1 .dongguan{ background-position:-606px 0;}

.Top .slide7 .right .list1 .dongguan:hover{ background-position:-606px -50px;}

.Top .slide7 .right .list1 .beijing{ background-position:-707px 0;}

.Top .slide7 .right .list1 .beijing:hover{ background-position:-707px -50px;}

.Top .slide7 .right .list1 .zhongshan{ background-position:-808px 0;}

.Top .slide7 .right .list1 .zhongshan:hover{ background-position:-808px -50px;}

.Top .slide7 .right .list1 .zhuhai{ background-position:-909px 0;}

.Top .slide7 .right .list1 .zhuhai:hover{ background-position:-909px -50px;}

.Top .slide7 .right .list1 .wuhu{ background-position:-1010px 0;}

.Top .slide7 .right .list1 .wuhu:hover{ background-position:-1010px -50px;}

.Top .slide7 .right .list1 .wuhan{ background-position:-1111px 0;}

.Top .slide7 .right .list1 .wuhan:hover{ background-position:-1111px -50px;}

.Top .slide7 .right .list1 .quanzhou{ background-position:-1212px 0;}

.Top .slide7 .right .list1 .quanzhou:hover{ background-position:-1212px -50px;}

.Top .slide7 .right .list1 .changsha{ background-position:-1313px 0;}

.Top .slide7 .right .list1 .changsha:hover{ background-position:-1313px -50px;}

.Top .slide7 .right .list1 .huizhou{ background-position:-1414px 0;}

.Top .slide7 .right .list1 .huizhou:hover{ background-position:-1414px -50px;}

*/



.Top .slide7 .left{ float:right;}

.Top .slide7 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}

.Top .slide7 .left a.a_bg,.Top .slide7 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}





.Top .slide8{ height:240px;}

.Top .slide8 .right{ float:right; width:955px; text-align:right;}

.Top .slide8 .right .list{ display:none;}

.Top .slide8 .right .list1{ display:block;}

.Top .slide8 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}

.Top .slide8 .right .list2 a,

.Top .slide8 .right .list4 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}

.Top .slide8 .right .list3{ border-right:1px solid #f2f2f2; overflow:hidden; text-align:left;}

.Top .slide8 .right .list3 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}

.Top .slide8 .right .list2 a span,

.Top .slide8 .right .list4 a span{ padding-top:25px;}



.Top .slide8 .left{ float:right;}

.Top .slide8 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;}

.Top .slide8 .left a.a_bg,.Top .slide8 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}



/*

.Top .slide8{ height:212px;}

.Top .slide8 .right{ float:right; width:955px; text-align:left;}

.Top .slide8 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}

.Top .slide8 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden; display:none;}

.Top .slide8 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}

.Top .slide8 .right .list2 a span{ padding-top:25px;}



.Top .slide8 .left{ float:right;}

.Top .slide8 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}

.Top .slide8 .left a.a_bg,.Top .slide8 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}

*/


.a_service1{ border-right:none; width:532px; float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #dadada;  height:217px;}



.TopMain{ width:100%;}


.MainNav,.Top_Hotline{ float:right;}



.Top_Hotline { padding-top:18px; padding-left:240px;}

.Top_Hotline .Hotline,.Top_Hotline .a_oa,.Top_Hotline .website_list,.Top_Hotline .SreachBox{ float:left;}

.Top_Hotline .Hotline{ background:url(../images/bg5.jpg) no-repeat right center; padding-right:15px; position:relative; top:-3px; height:29px;}

.Top_Hotline .Hotline .phone{ padding-left:20px; background:url(../images/bg2.jpg) no-repeat left 8px;}

.Top_Hotline .Hotline b{ background:url(../images/bg2.jpg) no-repeat left center; padding-left:20px; font-size:20px; color:#ff6c00;}

.Top_Hotline .a_oa{ display:inline-block; padding:0 15px; color:#555; font-size:1.167em;}

.Top_Hotline .a_oa:hover,.Top_Hotline .website_list .span:hover{ color:#ff6c00;}

.Top_Hotline .website_list{ margin:0 15px; background:url(../images/bg5.jpg) no-repeat left center; font-size:1.167em; position:relative;}

.Top_Hotline .website_list .span{ display:block; padding:0 30px 0 15px; cursor:pointer; background:url(../images/bg3.jpg) no-repeat 80px center;}

.Top_Hotline .website_list:hover { border:#c6c6c6 1px solid; -moz-border-radius-topleft:10px; -moz-border-radius-topright: 10px;-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:none;}

.Top_Hotline .website_list .div_down{ position:absolute; left:-1px; z-index:5; width:100%; border:#c6c6c6 1px solid; 

-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;

border-bottom-right-radius:10px; border-bottom-left-radius:10px; background:#fff; display:none;}

.Top_Hotline .website_list .div_down dl dd{ border-bottom:#e5e5e5 1px solid;}

.Top_Hotline .website_list .div_down dl dd a{ display:block; padding-left:15px; line-height:32px;}

.Top_Hotline .website_list .div_down dl dd a:hover{ color:#fff; background:#ff6c00;}

.Top_Hotline .website_list:hover .div_down{ display:block;}



.Top_Hotline .SreachBox{ width:148px; height:28px; background:url(../images/bg4.jpg) no-repeat left top; padding:1px; overflow:hidden; float:left;}

.Top_Hotline .SreachBox .sreach_btn{ width:31px; height:28px; display:block;float:right;} 

.Top_Hotline .SreachBox .sreach_ipu{ width:106px; height:20px; line-height:20px; padding:4px 0px 4px 9px; border:0px; background:none; color:#7E7E7E; float:left;}



.MainNav { padding-top:0px;}

.MainNav ul li{ float:left;}

.MainNav ul li .navA{ color:#555; font-size:1.333em; padding:0 22px 16px; display:inline-block; line-height:40px;}

.MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ color:#ff6c00; border-bottom:3px solid #ff6c00;}

/*Top*/



/*Bottom*/

.divFoot{ padding-top:90px; background:#000; position:relative; z-index:333; overflow:hidden; width:100%;}

.divFoot .links{ padding:55px 0; background:#111;}

.divFoot .links .Main{ border-top:#1a1a1a 1px solid;}

.divFoot .links dl{ float:left; position:relative; top:-15px; margin-right:50px;}

.divFoot .links dl dd a{ font-size:1.333em; color:#666; background:#111; padding:0 18px;}

.divFoot .links dl dt a{ font-size:1.167em; color:#555; padding:0 18px;}

.divFoot .links dl a:hover{ color:#ff6c00;}



.divFoot .phonelist{ border-top:#1a1a1a 1px solid;}

.divFoot .phonelist .Main{ position:relative;/* background:url(../images/phonelist.png) no-repeat left 32px;*/}

.divFoot .phonelist .Main .bottom_tel{ position:absolute; left:0; top:88px;}

.divFoot .phonelist .title{ display:inline-block; color:#fff; background:#000; font-size:1.333em; padding:0 18px; position:relative; top:-15px; left:50%; margin-left:-66px; font-weight:bold;}

.divFoot .phonelist .phones{ width:970px; position:relative; margin:0 auto; margin-top:60px; margin-bottom:50px;}

.divFoot .phonelist .phones .line{ width:1px; height:488px; position:absolute; left:480px; top:40px; background:url(../images/dot_bg.png) repeat-y left top;}

.divFoot .phonelist .phones .city{ float:left; font-size:1.333em; color:#ff6c00; display:inline-block; padding-top:30px; width:120px; margin-right:50px; margin-bottom:28px;}

.divFoot .phonelist .phones .city .font{ display:block; color:#fff; height:27px; line-height:27px;}

.divFoot .phonelist .phones .city1{ background:url(../images/pic2.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city2{ background:url(../images/pic3.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city3{ background:url(../images/pic4.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city4{ background:url(../images/pic5.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city5{ background:url(../images/pic6.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city6{ background:url(../images/pic7.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city7{ background:url(../images/pic1.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city8{ background:url(../images/pic8.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city9{ background:url(../images/pic9.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city10{ background:url(../images/pic15.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city11{ background:url(../images/pic17.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city12{ background:url(../images/pic13.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city13{ background:url(../images/pic10.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city14{ background:url(../images/pic11.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city15{ background:url(../images/pic14.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city16{ background:url(../images/pic12.jpg) no-repeat right top;}

.divFoot .phonelist .phones .city17{ background:url(../images/pic16.jpg) no-repeat right top;}

.divFoot .phonelist .phones .last{ margin-right:0;}



.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;}



.QQcustomer{ position:fixed; left:8px; bottom:8px; z-index:9999; cursor:pointer; width:136px; height:136px;}

.QQcustomer span{ display:block; width:10px; height:9px; right:0; top:0; cursor:pointer; position:absolute; background:url(../images/QQcustomer_span.png) no-repeat; z-index:33;}

.QQcustomer .big{ position:relative; width:100%; height:136px;}

.QQcustomer .big img{ position:absolute; left:0; bottom:0; width:100%; display:none;}











/*返回顶部*/

.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:645px; 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;}



/*解决方案*/

.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;}

/*Banner*/



/*index*/



/*index*/



/*网站策划*/

.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:680px;}



.Solution_content{ width:100%;}

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

.Solution_content .box .title{ background:url(../images/bg26.jpg) no-repeat left bottom; line-height:3.2; 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;}





/*我们的服务*/

.our_service{ width:100%; position:relative; overflow:hidden;}



.service_Title1 { padding-top:55px; padding-bottom:32px;}

.service_Title1 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}

.service_Title1 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}



.our_service .service_Title1{ width:1200px; margin:0 auto; padding-bottom:30px;}

.our_service .service_Title1 .brief{ line-height:20px; padding-top:5px; font-size:15px;}

.our_service .BanList{ width:50%; height:578px; float:right; position:absolute; right:0; top:70px;}

.our_service .BanList li{ width:100%; height:100%; overflow:hidden; position:absolute; right:0; top:0;}

.our_service .BanList li a{ display:block; width:100%; height:100%;}

.our_service .TabList{ width:100%; height:100%; position:relative; left:0px; top:0px; z-index:5;}

.our_service .TabList .List{ width:1200px; margin:0 auto; height:0; position:relative; z-index:333;}

.our_service .TabList .List .ul{ width:100%;}

.our_service .TabList .List .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:232px; height:217px;}

.our_service .TabList .List .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;}

.our_service .TabList .List .ul li.a_service4{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;}

.our_service .TabList .List .ul li.a_service2{ border-left:1px solid #dadada; width:233px;}

.our_service .TabList .List .ul li.a_service6{ border-right:1px solid #dadada; width:234px;}



.our_service .TabList .List .ul li .span{ position:absolute; right:46px; top:36px;}

.our_service .TabList .List .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;}



.our_service .TabList .List .ul li a{ display:inline-block; color:#555; padding:120px 0 0; line-height:20px}

.our_service .TabList .List .ul li a span{ display:block; font-size:14px;}

.our_service .TabList .List .ul li a .title{ font-size:24px; padding-bottom:10px;}

.our_service .TabList .List .ul li a .brief{ color:#999;}





.our_service .TabList .List .ul li.a_service1 a{ background:url(../images/bg28.jpg) no-repeat left top;}

.our_service .TabList .List .ul li.a_service2 a{ background:url(../images/bg29.jpg) no-repeat left 14px;}

.our_service .TabList .List .ul li.a_service3 a{ background:url(../images/bg30.jpg) no-repeat left top;}

.our_service .TabList .List .ul li.a_service4 a{ background:url(../images/bg31.jpg) no-repeat left 12px;}

.our_service .TabList .List .ul li.a_service5 a{ background:url(../images/bg32.jpg) no-repeat left 14px;}

.our_service .TabList .List .ul li.a_service6 a{ background:url(../images/bg33.jpg) no-repeat left 14px;}

/*

.our_service .TabList .List .ul .a_service1:hover,.our_service .TabList .List .ul .a_service1.on{ background:url(../images/bg34_1.png) no-repeat left center;}

.our_service .TabList .List .ul .a_service2:hover,.our_service .TabList .List .ul .a_service2.on{ background:url(../images/bg34_2.png) no-repeat left center;}

.our_service .TabList .List .ul .a_service3:hover,.our_service .TabList .List .ul .a_service3.on{ background:url(../images/bg34_3.png) no-repeat left center;}

.our_service .TabList .List .ul .a_service4:hover,.our_service .TabList .List .ul .a_service4.on{ background:url(../images/bg34_4.png) no-repeat left center;}

.our_service .TabList .List .ul .a_service5:hover,.our_service .TabList .List .ul .a_service5.on{ background:url(../images/bg34_5.png) no-repeat left center;}

.our_service .TabList .List .ul .a_service6:hover,.our_service .TabList .List ul .a_service6.on{ background:url(../images/bg34_6.png) no-repeat left center;}

*/

/*我们的案例*/

.our_case{ width:100%; padding-bottom:38px;}



.service_Title2 { padding-top:5px; text-align:center; border-bottom:#f2f2f2 1px solid; position:relative; bottom:-1px;}

.service_Title2 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}

.service_Title2 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}



.our_case .brief{ text-align:center; font-size:14px; padding:30px 0;}

.our_case .our_case_cont ul li{ width:20%; float:left; position:relative;}

.our_case .our_case_cont ul li .imglist{ width:100%;}

.our_case .our_case_cont ul li .divDown{ position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/bg36.png) repeat left top; text-align:center; display:none; padding-bottom:2%;}

.our_case .our_case_cont ul li .divDown img{ display:none;}

.our_case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;}

.our_case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;}

.our_case .our_case_cont ul li .divDown .cont span{ display:block;  color:#fff;}

.our_case .our_case_cont ul li .divDown .cont .tit{/* background:url(../images/bg39.jpg) no-repeat center bottom;*/ height:40px; line-height:40px; font-size:1.4em; margin-bottom:1%;}

.our_case .our_case_cont ul li .divDown .cont .p{ line-height:22px; margin-top:10px; text-align:left; display:none;}

.our_case .our_case_cont ul li:hover .divDown{ display:block;}

.our_case .our_case_cont .see_more{ text-align:center; padding-top:38px;}

.our_case .our_case_cont .see_more a{ display:inline-block; background:url(../images/bg38_2.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;}

.our_case .our_case_cont .see_more a span{ color:#fff; padding-right:25px; background:url(../images/bg37_2.png) no-repeat right center;}



/*.our_case .our_case_cont .see_more a{ display:inline-block; background:url(../images/bg38.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;}

.our_case .our_case_cont .see_more a span{ color:#555; padding-right:25px; background:url(../images/bg37.png) no-repeat right center;}

.our_case .our_case_cont .see_more a:hover{background:url(../images/bg38_2.png) no-repeat center top;}

.our_case .our_case_cont .see_more a:hover span{ background:url(../images/bg37_2.png) no-repeat right center; color:#fff;}*/



/*我们的客户*/



@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-top:30px; 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;}



/*我们的资讯*/

.our_news{}

.our_news .service_Title1 .more{ background:url(../images/bg50.png) no-repeat right center; display:inline-block; float:right; padding-right:60px; line-height:50px; font-size:1.5em; display:none;}

.our_news .divTitle .a_tab{ display:block; width:600px; float:left;}

.our_news .divTitle .a_tab p{ border:#000 3px solid; margin:0; text-align:center; line-height:60px;}

.our_news .divTitle .a_tab p span{ padding-left:33px; color:#555; font-size:1.667em;}

.our_news .divTitle .a_tab1 p span{ background:url(../images/bg46_2.jpg) no-repeat left center;}

.our_news .divTitle .a_tab2 p span{ background:url(../images/bg47.jpg) no-repeat left center;}

.our_news .divTitle .a_tab.on{ background:#000;}

.our_news .divTitle .a_tab1.on span{ background:url(../images/bg46.jpg) no-repeat left center; color:#fff;}

.our_news .divTitle .a_tab2.on span{ background:url(../images/bg47_2.jpg) no-repeat left center; color:#fff;}



.our_news .divBox{ width:100%; position:relative; overflow:hidden; height:604px;}

.our_news .box{ position:absolute; top:0; left:0; background:#fff; width:100%;}



.our_news .box .citylist .citys{  }

.our_news .box .citylist .citys ul{ }

.our_news .box .citylist .citys ul li{} 

.our_news .box .citylist .citys ul li.on,.our_news .box .citylist .citys ul li:hover{ }



.our_news .box .citylist .cityBan{}

.our_news .box .citylist .cityBan .newslistTop{ padding-top:47px;}

.our_news .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:250px; background:#fff; margin:0 auto; overflow:hidden; padding:0 10px; left:50%; margin-left:-135px;}

.our_news .box .citylist .cityBan .newslistTop .btn_prev,.our_news .box .citylist .cityBan .newslistTop .btn_next{ width:50px; height:50px; margin:0;}

.our_news .box .citylist .cityBan .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;}

.our_news .box .citylist .cityBan .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}

.our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo{ display:block; width:133px; height:34px; background:url(../images/chakanxiangxi.jpg) no-repeat center top; font-size:16px; line-height:34px; position:absolute; left:50%; top:7px; margin-left:-66.5px; text-align:center;}

.our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo:hover{ color:#fff; background-position:center bottom;}



.our_news .box .citylist .cityBan .newslistTop .div{  border-bottom:#f3f3f3 1px solid;}

.our_news .box .citylist .cityBan .newslistTop .div .NewsTopBan{ padding-bottom:10px;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px; padding-bottom:18px; border-bottom:1px solid #f3f3f3;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:124px;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:124px;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:1.333em; color:#ff6c00;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .p{ font-size:1.167em; color:#888; line-height:20px; margin:10px 0;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; float:right;}

.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}

.our_news .box .citylist .cityBan .NewsTopBan ul li{ width:540px; height:133px; float:left; margin-right:120px; padding:18px 0; border-bottom:1px solid #f3f3f3; overflow:hidden;}

.our_news .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; height:72px; padding:14px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center; float:left;}

.our_news .box .citylist .cityBan .NewsTopBan ul li:hover .time{ background-position:center bottom; color:#fff;}

.our_news .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:4.667em; line-height:0.8;}

.our_news .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;}

.our_news .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:1; font-size:1.333em;}

.our_news .box .citylist .cityBan .NewsTopBan ul li p span{ display:block; line-height:20px; color:#888; font-size:1.167em; padding-top:6px;}

.our_news .box .citylist .cityBan .NewsTopBan ul li .more{ display:block; width:90px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; font-size:14px; margin-top:10px; float:right;}

.our_news .box .citylist .cityBan .NewsTopBan ul li .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}







/*我们的联络*/

.our_contact{ width:100%; overflow:hidden;}

.our_contact .brief{ text-align:center; font-size:14px; padding:30px 0;}

.our_contact .our_contact_cont { position:relative;}

.our_contact .our_contact_cont .our_contact_Ban{ width:100%; height:380px; overflow:hidden; position:relative;}

.our_contact .our_contact_cont .our_contact_Ban .prev,.our_contact .our_contact_cont .our_contact_Ban .next{ position:absolute; top:50%; display:inline-block; width:80px; height:80px; z-index:10; margin-top:-40px;}

.our_contact .our_contact_cont .our_contact_Ban .prev{ background:url(../images/bg54_2.png) no-repeat center top; left:20px;}

.our_contact .our_contact_cont .our_contact_Ban .prev:hover{ background:url(../images/bg54.png) no-repeat center top;}

.our_contact .our_contact_cont .our_contact_Ban .next{ background:url(../images/bg55.png) no-repeat center top; right:20px;}

.our_contact .our_contact_cont .our_contact_Ban .next:hover{ background:url(../images/bg55_2.png) no-repeat center top;}



.our_contact .our_contact_cont .our_contact_Ban .BanList{ width:100%; height:380px;}

.our_contact .our_contact_cont .our_contact_Ban .BanList ul li{ width:100%; height:380px;}



.our_contact .our_contact_cont .our_contact_phone{ position:absolute; top:0px; left:50%; margin-left:-231px; width:462px; height:380px; z-index:11;}

.our_contact .our_contact_cont .our_contact_phone .divCont{ background:#fff; border:#ff6c00 3px solid; border-top:0; padding:0 75px;  height:377px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email{ padding:10px 0;}

.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b,.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ display:block; text-align:center; color:#000; font-family:"Arial";}

.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b{ font-size:3.5em; line-height:1; color:#ff6c00;}

.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ text-align:center; font-size:1.33em;}

.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox{ width:296px; height:36px; border:#000 2px solid;overflow:hidden; margin-bottom:30px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_btn{ width:48px; height:36px; display:block; float:right; background:#000 url(../images/bg56.jpg) no-repeat center center;} 

.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_ipu{ width:235px; height:36px; line-height:36px; padding:0px 0px 0px 10px; border:0px; background:none; color:#7E7E7E; float:left; font-size:1.167em; font-family:"微软雅黑";}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox{ height:70px; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid;  text-align:center;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .title{ display:inline-block; background:#fff; padding:0 10px; color:#000; font-size:1.167em; position:relative; top:-15px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jiathis_style_32x32{ position:relative; top:-10px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_tsina{ background:url(../images/bg62.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_weixin{ background:url(../images/bg57.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_qzone{ background:url(../images/bg58.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_douban{ background:url(../images/bg59.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_renren{ background:url(../images/bg60.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_jiathis{ background:url(../images/bg61.jpg) no-repeat !important; width:4px; height:40px !important; }



.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei{ padding:17px 0 0; overflow:hidden;}

.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone{ width:90px; padding-left:50px; float:left;}

.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin{ width:90px; padding-right:50px; float:right;}

.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone img,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin img{ width:90px; height:90px;}

.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone span,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin span{ display:block; text-align:center; line-height:30px;}



/*我们的联络*/

/*index*/



/*服务领域*/



.fast_nav{ width:60px; position:absolute; right:5px; top:50%; z-index:9999;}

.fast_nav li{ height:42px; padding-top:18px; border-bottom:1px solid #fff; background:url(../images/fast_bg_03.png) repeat; cursor:pointer; text-align:center; position:relative; color:#fff;}

.fast_nav .first{ background:url(../images/fase_first_03.png) no-repeat;}

.fast_nav .last{ background:url(../images/fase_last_03.png) no-repeat; border:none;}

.fast_nav li .hover{ height:60px; background:url(../images/fast_left_03.png) no-repeat left center; padding-left:22px; vertical-align:middle; position:absolute; right:0; top:0; overflow:hidden; width:140px; display:none; font-size:14px;}

.fast_nav li .hover img{ vertical-align:middle; float:left; padding-top:11px;}

.fast_nav li .hover .name{ float:right; height:60px; line-height:60px; background:#ff6c00; text-align:left; width:97px;}

.fast_nav li:hover .hover{ display:block;}



.fast_nav2 li .hover{ width:190px;}

.fast_nav2 li .hover .name{ width:147px;}





.official_website_bg{ width:100%; background:url(../images/bg30.jpg) no-repeat center bottom;}

.official_website_bg .official_website{ background:url(../images/bg35.png) no-repeat top left; width:860px; padding-left:43px;}



.official_website_bg{ position:relative;}

.official_website_bg .img{ position:absolute; left:50%; bottom:1px; width:1200px; margin-left:-600px;}

.official_website_bg .img img{ position:absolute; right:80px; bottom:0; width:700px;}

.official_website_bg .img2 img{ width:550px;}





.ServicesBox .divBox .title{ display:block; font-size:4em; color:#ff6c00; line-height:1; padding-top:28px;}

.ServicesBox .divBox .brief{ display:block; font-size:2em; color:#ff6c00;line-height:2;}

.ServicesBox .divBox .p{ font-size:1.167em; line-height:24px; margin-top:10px; text-indent:2em;}

.ServicesBox .divBox .see_more{ display:inline-block; width:135px; height:40px; background:url(../images/bg36.png) no-repeat center top; font-size:1.333em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;}

.ServicesBox .divBox .see_more:hover{ background:url(../images/bg36_2.png) no-repeat center top; color:#fff;}

.ServicesBox .divBox .caselist{ padding-top:40px; width:300px; overflow:hidden;}

.ServicesBox .divBox .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; }

.ServicesBox .divBox .caselist ul li{ float:left; width:148px; height:58px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; position:relative;}

.ServicesBox .divBox .caselist ul li img{width:148px; height:58px;}

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



/*.ServicesBox .divBox .caselist 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);}*/



.ServicesBox2 .divBox .title,.ServicesBox2 .divBox .brief{ text-align:right;}

.ServicesBox2 .divBox .span_more{ display:block; text-align:right;}

.ServicesBox2 .divBox .span_more .see_more{ padding-left:0; padding-right:45px;}

.ServicesBox2 .divBox .caselist{ width:448px; float:right;}



.online_store_bg{ width:100%; background:url(../images/bg31.jpg) no-repeat center center;}

.online_store_bg .online_store{ background:url(../images/bg37.png) no-repeat top right; width:610px; padding-right:40px; float:right;}



.Interactive_Marketing_bg{ width:100%; background:url(../images/bg32.jpg) no-repeat center center;}

.Interactive_Marketing_bg .Interactive_Marketing{ background:url(../images/bg38.png) no-repeat top left; width:365px; padding-left:45px;}

.Interactive_Marketing_bg .divBox .p{ color:#fff;}

.Interactive_Marketing_bg .divBox .see_more{ color:#fff;}

.Interactive_Marketing_bg .divBox .caselist ul{ border-top:#363c4f 1px solid; border-left:#363c4f 1px solid; }

.Interactive_Marketing_bg .divBox .caselist ul li{ border-bottom:#363c4f 1px solid; border-right:#363c4f 1px solid;  }



.Brand_Website_bg{ width:100%; background:url(../images/bg33.jpg) no-repeat center center;}

.Brand_Website_bg .Brand_Website{ background:url(../images/bg39.png) no-repeat top right; width:490px; padding-right:38px; float:right;}



.Industry_Portal_bg{ width:100%; background:url(../images/bg34.jpg) no-repeat center center;}

.Industry_Portal_bg .Industry_Portal{ width:440px; padding-left:45px; background:url(../images/bg41.png) no-repeat left top;}

.Industry_Portal_bg .divBox .caselist{ width:448px;}



.information_network_bg{width:100%; background:url(../images/bg35.jpg) no-repeat center center;}

.information_network_bg .information_network{background:url(../images/bg40.png) no-repeat top right; width:575px; padding-right:25px; float:right;}

/*服务领域*/



/*万户员工*/

.personnel_title { padding:25px 0; font-size:1.167em;}

.personnel_title img{}

.personnel_title .tit{ display:inline-block; font-size:1.714em; color:#222; margin:0 15px;}



.personnel_Box1{ padding-top:24px; padding-bottom:64px;}

.personnel_Box2{ background:#f7f7f7; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; padding-top:27px; padding-bottom:65px;}

.personnel_Box3{ padding-top:47px; padding-bottom:80px;}

/*员工风采*/

.Elegant_demeanor{ float:left; width:750px;}

.Elegant_demeanor_content { overflow:hidden;}

.Elegant_demeanor_content ul li{ border:#ddd 1px solid; float:left; margin-left:15px;}

.Elegant_demeanor_content ul li a{ cursor:default;}

.Elegant_demeanor_content ul li img{ padding:4px; padding-bottom:0;}

.Elegant_demeanor_content ul li span{ display:block; font-size:1.333em; color:#666; line-height:40px; padding-left:45px; padding-right:14px; background:url(../images/bg39.png) no-repeat 14px center;}

.Elegant_demeanor_content ul li span font{ display:block; text-align:center; background:url(../images/bg40.png) no-repeat right center; padding-right:30px;}

.Elegant_demeanor_content ul .picture_1{ margin-left:0;}

.Elegant_demeanor_content ul .picture_1 img{ width:296px; height:322px;}

.Elegant_demeanor_content ul .picture_1 span{ line-height:56px;}

.Elegant_demeanor_content ul .picture_2 { margin-bottom:15px;}

.Elegant_demeanor_content ul .picture_2 img{ width:419px; height:149px;}

.Elegant_demeanor_content ul .picture_2 span{ line-height:50px;}

.Elegant_demeanor_content ul .picture_3 font,.Elegant_demeanor_content ul .picture_4 font{width:116px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.Elegant_demeanor_content ul .picture_3 img,.Elegant_demeanor_content ul .picture_4 img{ width:197px; height:118px; }

.Elegant_demeanor_content ul li:hover{ border:#e44e49 1px solid;}

.Elegant_demeanor_content ul li:hover span{ background:#e44e49 url(../images/bg39_2.jpg) no-repeat 14px center; color:#fff; }

.Elegant_demeanor_content ul li:hover font{ background:#e44e49 url(../images/bg40_2.jpg) no-repeat right center; }



/*人才招聘*/

.Recruitment{ float:right; width:420px;}

.Recruitment .Recruitment_content{ border:#dddddd 1px solid;}

.Recruitment .Recruitment_content ul li{ padding:0 20px; }

.Recruitment .Recruitment_content ul li .p{ margin:0; border-bottom:#e8e8e8 1px dotted;overflow:hidden; padding:15px 0;}

.Recruitment .Recruitment_content ul li .img,.Recruitment .Recruitment_content ul li .img img{ width:50px; height:50px;}

.Recruitment .Recruitment_content ul li .img{ margin-left:17px; float:left;}

.Recruitment .Recruitment_content ul li .div_p{ width:290px; float:right;}

.Recruitment .Recruitment_content ul li .div_p .tit{ font-size:1.333em; color:#444;}

.Recruitment .Recruitment_content ul li .div_p .time{ display:block; color:#999;}

.Recruitment .Recruitment_content ul li:hover{ background:#6db6e1 url(../images/bg42.jpg) no-repeat center top;}

.Recruitment .Recruitment_content ul li:hover .p{ border-bottom:#6db6e1 1px solid;}

.Recruitment .Recruitment_content ul li:hover .div_p .tit,.Recruitment .Recruitment_content ul li:hover .div_p .time{ color:#fff;}



.Recruitment .Recruitment_content .more{ display:inline-block; width:163px; height:26px; color:#fff; background:url(../images/bg41.png) no-repeat left top; padding-top:8px; padding-left:25px; position:relative; left:-5px; bottom:10px;}



/*公司活动*/

.Company_Activities{ float:left;}

.Company_Activities_content{ padding:20px; border:#ddd 1px solid; overflow:hidden; background:#fff; width:710px;}

.Company_Activities_content .BanList{ float:left; width:285px; height:308px;}

.Company_Activities_content .BanList ul li,.Company_Activities_content .BanList ul li img{ width:285px; height:308px;}

.Company_Activities_content .BanList ul li{ display:none;}

.Company_Activities_content .TabList{ width:403px; float:right; padding-left:10px;}

.Company_Activities_content .TabList .List ul li{ padding-left:10px; border-bottom:#e8e8e8 1px dotted;}

.Company_Activities_content .TabList .List ul li a{ display:block; padding:0 20px;}

.Company_Activities_content .TabList .List ul li span{ display:block;}

.Company_Activities_content .TabList .List ul li .title{ font-size:1.333em; color:#666; line-height:60px;}

.Company_Activities_content .TabList .List ul li .brief{ display:none;}

.Company_Activities_content .TabList .List ul li:hover,.Company_Activities_content .TabList .List ul li.on{ background:url(../images/bg43.jpg) no-repeat 1px 27px; border-bottom:0;}

.Company_Activities_content .TabList .List ul li:hover a,.Company_Activities_content .TabList .List ul li.on a{ background:#ffa800;}

.Company_Activities_content .TabList .List ul li:hover .title,.Company_Activities_content .TabList .List ul li.on .title{ color:#fff;}

.Company_Activities_content .TabList .List ul li:hover .brief,.Company_Activities_content .TabList .List ul li.on .brief{ display:block; color:#ffdfb8; font-size:1.167em; line-height:22px; padding-bottom:20px;}



/*文体活动*/

.Sports_activities{border:#ddd 1px solid; float:right; width:420px; margin-top:81px; border-top:0; background:#fff url(../images/bg31.jpg) no-repeat center top;}

.Sports_activities .Sports_activities_content{ padding:25px 20px 15px 30px;}

.Sports_activities .Sports_activities_content .title{ font-size:2em; color:#ffa800;}

.Sports_activities .Sports_activities_content .cont { position:relative; padding:25px 0 16px;}

.Sports_activities .Sports_activities_content .cont .BanList ul li dl dt img{ width:170px; height:130px; float:right;}

.Sports_activities .Sports_activities_content .cont .BanList ul li dl{ color:#999; font-size:1.167em;}

.Sports_activities .Sports_activities_content .cont .BanList ul li dl dd{ margin:3px 0;}

.Sports_activities .Sports_activities_content .cont .BanList ul li dl dd font{ color:#666666;}

.Sports_activities .Sports_activities_content .cont .BanList ul li dl .p{ line-height:22px;}

.Sports_activities .Sports_activities_content .cont .TabList .List ul{ float:right; padding-right:40px; margin-top:5px;}

.Sports_activities .Sports_activities_content .cont .TabList .List ul li{ float:left; width:10px; height:10px; background:url(../images/bg32.jpg) no-repeat center center; margin:0 4px;}

.Sports_activities .Sports_activities_content .cont .TabList .List ul li.on{ background:url(../images/bg33.jpg) no-repeat center center;}

.Sports_activities .Sports_activities_content .cont .playState{ display:inline-block; width:24px; height:24px; background:url(../images/bg34.jpg) no-repeat center center; position:absolute; right:0; bottom:-4px;}

.Sports_activities .Sports_activities_content .cont .pauseState{background:url(../images/bg34_2.jpg) no-repeat center center;}



/*年会视频*/

.Annual_Video{ float:left; width:750px;}

.Annual_Video .videolist { position:relative;}

.Annual_Video .videolist .BanList{ border:#ddd 1px solid; padding:4px; float:left; width:570px; height:350px;}

.Annual_Video .videolist .TabList{ float:right;}

.Annual_Video .videolist .TabList ul li{ margin-bottom:15px; padding-left:6px;}

.Annual_Video .videolist .TabList ul li a{ border:#ddd 1px solid; padding:4px; display:block; position:relative;}

.Annual_Video .videolist .TabList ul li a,.Annual_Video .videolist .TabList ul li a img,.Annual_Video .videolist .TabList ul li a .span{ width:150px; height:97px;}

.Annual_Video .videolist .TabList ul li a .span{ display:block; position:absolute; left:4px; top:4px; background:url(../images/bg45.png) repeat left top;}

.Annual_Video .videolist .TabList ul li.on{ background:url(../images/bg48.jpg) no-repeat left top;}

.Annual_Video .videolist .TabList ul li.on a{ border:0; padding:5px;}

.Annual_Video .videolist .TabList ul li.on a .span{ display:none;}



.Annual_Video .videolist .prev,.Annual_Video .videolist .next{ display:block; width:39px; height:39px; position:absolute; bottom:0px; z-index:10;}

.Annual_Video .videolist .prev{ background:url(../images/bg46.png) no-repeat center center; right:39px;}

.Annual_Video .videolist .next{ background:url(../images/bg47.png) no-repeat center center; right:0px;}





/*2014年会*/

.Annual_Meeting {width:420px; float:right;}

.Annual_Meeting .Annual_Meeting_content img{ width:420px; height:360px;}



/*办公室生活、室外生活*/

.divlife{ margin-top:70px;}

.divlife_tab .a_tab{ float:left; display:inline-block; width:150px; text-align:center; color:#222; border:#c9c9c9 1px solid; border-bottom:0; line-height:53px; font-size:1.667em; background:#f0f0f0;}

.divlife_tab .a_tab.on{ background:none; border-top:#717479 2px solid; line-height:51px;}

.divlife_Content .box{ height:200px; padding:23px 0; display:none;}

.divlife_Content .box ul li{ float:left; width:220px; height:200px; margin-right:25px;}

.divlife_Content .box ul li img{ width:220px; height:200px;}

.divlife_Content .box ul li:hover img{ border:#e44e49 3px solid; width:214px; height:194px;}

/*万户员工*/



/*人才招聘*/

.backgroung5{ background:#fff url(../images/bg31.jpg) no-repeat center top; width:100%; }



.Recruitment_title span{ display:block;}

.Recruitment_title .cn{ font-size:3.75em; color:#000; line-height:70px;}

.Recruitment_title .en{ font-size:3.33em; color:#6db5ef; font-weight:bold; line-height:70px; text-transform:uppercase;}

.Recruitment_title .span_line{ width:79px; height:3px; background:#72baf5;}



.divRecruitment{ padding-top:70px; padding-bottom:90px;}

.divRecruitment_content{ width:100%; background:url(../images/bg32.png) no-repeat center top; padding:3px; margin-top:41px;}

.divRecruitment_content .jobsList{}

.divRecruitment_content .jobsList ul li{ background:#fff;}

.divRecruitment_content .jobsList ul li span{ display:inline-block; line-height:55px; text-align:center; color:#777; font-size:1.167em;}

.divRecruitment_content .jobsList ul li.title{/* background:#78bdf6;*/ line-height:52px;}

.divRecruitment_content .jobsList ul li.title span{ font-size:1.333em;  color:#fff; font-weight:bold;  text-align:center;}

.divRecruitment_content .jobsList ul li .span1{ width:400px; padding-left:80px; text-align:left; font-weight:bold; cursor:pointer;}

.divRecruitment_content .jobsList ul li .fast{ background:url(../images/bg30.png) no-repeat 25px center;}

.divRecruitment_content .jobsList ul li .span2{ width:120px;}

.divRecruitment_content .jobsList ul li .span3{ width:280px;}

.divRecruitment_content .jobsList ul li .span4{ width:150px;}

.divRecruitment_content .jobsList ul li .span5{ width:150px;}

.divRecruitment_content .jobsList #wrapper{ height:555px;}



.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,.Candidates_Address .MapList .TabList ul li .cont p{ font-size:1.167em; color:#fff;padding: 0px;margin: 0px;}

.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; }



/*人才招聘*/



/*质量管理*/

.divQuality{font-size: 14px; line-height: 30px; padding: 0px 15px;}

/*质量管理*/







/*建站优势*/

.station_ban{ height:420px;}



.station_fixed a{ color:#fff;}

.station_fixed li{ list-style:none;}

/*.station_fixed a{ display:block; width:140px; height:52px; background:url(../images/station_fixed_bg.png) no-repeat left top; font-size:18px; text-align:center; color:#fff; line-height:52px; margin:1px 0;}

.station_fixed a:hover{ background-position:left bottom;}*/





.station_nav{ padding:29px 0; text-align:center; position:relative;}

.station_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;}

.station_nav ul li{ display:inline-block; background:#fff; padding:0 4px;}

.station_nav ul li a{ display:block; width:200px; height:50px; background:url(../images/station22.png) no-repeat center top; font-size:18px; color:#fff; line-height:50px;}

.station_nav ul li a:hover,.station_nav ul li.on a{ background-position:center bottom; font-weight:bold;}



.station_nav_bg{ height:1px; position:absolute; left:0; top:50%; width:100%; background:#e6e6e6; z-index:1;}







.station{ margin:28px auto 80px; width:1200px; overflow:hidden;}

.station .station_title{ text-align:center; font-size:48px; line-height:117px; color:#31548e; padding-bottom:27px;}

.station .station_list{ height:650px; background:url(../images/station_bg.jpg) no-repeat center top; position:relative;}

.station .station_list li{ position:absolute;}

.station .station_list li a{ font-size:18px; line-height:24px; font-weight:bold; color:#31548e;}

.station .station_list li a:hover{ color:#f69803;}

.station .station_list li dl{ overflow:hidden; padding-top:10px; line-height:20px;}

.station .station_list li dt{ float:left; padding:0 15px 0 10px; background:url(../images/station_list_dt_03.jpg) no-repeat left center;}



.station .station_list .li1{ top:14px; left:474px; width:293px;}

.station .station_list .li1 dt{ width:116px;}



.station .station_list .li2{ left:56px; top:61px; width:284px;}

.station .station_list .li2 dt{ width:116px;}



.station .station_list .li3{ top:65px; width:217px;}

.station .station_list .li3 dt{ width:116px; float:right;}



.station .station_list .li4{ top:220px; width:273px;}

.station .station_list .li4 dt{ width:210px;}



.station .station_list .li5{ top:226px; width:273px;}



.station .station_list .li6{ top:377px; width:220px;}

.station .station_list .li6 dt{ width:84px;}



.station .station_list .li7{ top:387px; width:300px;}

.station .station_list .li7 dt{ width:124px;}



.station .station_list .li8{ top:570px; width:330px;}

.station .station_list .li8 dt{ width:86px;}



.station .station_list .li9{ top:590px; width:220px;}



.station .station_list .li2,.station .station_list .li4,.station .station_list .li6,.station .station_list .li8{ left:56px;}

.station .station_list .li3,.station .station_list .li5,.station .station_list .li7,.station .station_list .li9{ text-align:right; right:57px;}

.station .station_list .li3 dt,.station .station_list .li5 dt,.station .station_list .li7 dt,.station .station_list .li9 dt{ padding:0 10px 0 15px; text-align:right; background-position:right center;}



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

.station_info_ban{ height:250px;}



.station_info_title{ padding:62px 0 55px; font-size:48px; color:#000; text-align:center;}



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

.station1 .list li{ float:left; border:1px solid #e6e6e6; border-radius:2px; width:511px; padding:40px 35px 0 27px; height:148px; margin:0 40px 38px 0;}

.station1 .list li .img{ float:left; width:70px; height:69px;}

.station1 .list li .img img{ width:70px; height:69px;}

.station1 .list li .txt{ float:right; width:410px; line-height:28px; font-size:14px;}

.station1 .list li .txt b{ font-size:22px; color:#ffa800; font-weight:normal; display:block;}



.station1 .list li.li2,.station1 .list li.li4{ margin-right:0;}



.station2{ width:1200px; margin:0 auto; font-size:14px; line-height:28px;}

.station2 b.b{ color:#ffa800; font-size:16px;}

.station2 .list{ overflow:hidden; padding-bottom:30px;}

.station2 .list a{ float:left; width:118px; height:58px; border:1px solid #e8e8e8; margin:0 10px 10px 0;}



.station3{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;}

.station3 .list{ overflow:hidden;}

.station3 .list li{ float:left; width:333px; text-align:center; background:url(../images/station3_bg_03.png) no-repeat right center;}

.station3 .list .title{ padding:24px 0 14px; color:#ffa800; font-size:22px;}

.station3 .list .txt{ text-align:left;}

.station3 .list .li1{ padding-right:50px;}

.station3 .list .li2{ padding:0 50px;}

.station3 .list .li3{ padding-left:50px; background:none;}



.station4{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;}

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



.station5{ width:1140px; margin:0 auto 80px; font-size:14px; line-height:28px;}

.station5 b.b{ color:#ffa800; font-size:22px; display:block; font-weight:normal;}



.station6{ font-size:14px; line-height:28px; padding-bottom:70px;}

.station6 .con{ width:1140px; margin:0 auto;}

.station6 b.b{ font-size:24px; color:#ffa800; font-weight:normal;}

.station6 .con2_bg{ background:#f5f6f7; margin:20px 0;}

.station6 .con2{ padding:25px 0;}

.station6 .con2 .list li{ float:left; width:308px; height:136px; border-radius:5px; border:1px solid #e5e5e5; padding:30px 24px 0; margin:0 0 25px 33px;}

.station6 .con2 .list b{ color:#31548e;}

.station6 .con2 .list .li1{ margin-left:0;}

.station6 .con3 strong.b{ font-size:16px; color:#31548e;}



.station7{ width:1140px; margin:0 auto; font-size:14px;}

.station7 .list{ padding-top:60px;}

.station7 .list li{ float:left; background:url(../images/station3_bg_03.png) no-repeat left center;}

.station7 .list li.li1{ background:none; width:250px;}

.station7 .list li.li2{ padding-left:78px; width:280px;}

.station7 .list li.li3{ padding-left:69px; width:204px;}

.station7 .list li.li4{ padding-left:75px; width:183px;}

.station7 .list .title{ font-size:22px; color:#ffa800; padding-bottom:25px;}

.station7 .list dt{ line-height:30px;}



.station8{ width:1140px; margin:0 auto 20px; font-size:14px; line-height:28px;}

.station8 .list{ padding-top:35px; font-size:16px;}

.station8 .list li{ float:left; width:242px; text-align:center; margin:0 57px 30px 0;}

.station8 .list li img{ border:3px solid #e8e8e8;}





.site_revision{ padding-bottom:70px; width:1200px; margin:0 auto;}

.site_revision_tab{ overflow:hidden;}

.site_revision_tab li{ float:left; width:117px; padding-right:16px;}

.site_revision_tab li a{ display:block; width:117px; height:117px; background:url(../images/site_revision_tabbg.jpg) no-repeat center top;}

.site_revision_tab li:hover a,.site_revision_tab .onmenu a{ background-position:center bottom;}

.site_revision_tab li span{ display:block; font-size:14px; line-height:20px; padding:12px 0 0 12px;}

.site_revision_tab li:hover span,.site_revision_tab .onmenu{ color:#ca9a07; font-weight:bold;}



.site_revision_title{ text-align:center; padding:67px 0 36px; font-size:48px;}



.site_revision_list{ width:1180px; overflow:hidden; margin:0 auto; color:#fff;}

.site_revision_list .l{ width:73px; height:417px; background:#b25d16; font-size:31px; font-weight:bold; line-height:40px; text-align:center; padding-top:80px; float:left;}

.site_revision_list .ul{ float:left; width:1107px; height:497px;}



.site_revision_list .ul .li .div{ text-align:center; padding-top:47px; width:72px; font-size:18px; position:absolute; left:0; top:0; line-height:18px; cursor:pointer; height:450px; z-index:2;}

.site_revision_list .ul .li .div img{ margin-bottom:20px;}

.site_revision_list .ul .li{ padding:50px 0 0; width:72px; height:447px; position:relative; font-size:18px; line-height:32px; float:left;}

.site_revision_list .ul .num{ font-size:132px; position:absolute; left:0; bottom:0; line-height:104px; opacity:0.2; filter:alpha(opacity=20); width:72px; text-align:center;}

.site_revision_list .ul .txt{ display:none;}

.site_revision_list .ul .on .div{ display:none;}

.site_revision_list .ul .li .td1{ width:175px; padding:0 30px 0 35px;}

.site_revision_list .ul .li .td2{ width:490px;}

.site_revision_list .ul .li .title{ font-size:31px; font-weight:bold; line-height:38px;}

.site_revision_list .ul .li .title span{ display:block; font-size:24px; padding-bottom:10px;}



.site_revision_list .ul .on .txt{ display:block;}



.site_revision_list .ul .li1{ background:#f58700; width:815px;}

.site_revision_list .ul .li2{ background:#dfb406;}

.site_revision_list .ul .li3{ background:#5a8905;}

.site_revision_list .ul .li4{ background:#4097a0;}

.site_revision_list .ul .li5{ background:#2178a3;}



.whole_ban{ height:460px;}



.whole{ font-size:14px; line-height:24px;}



.whole .title{ font-size:48px; position:relative; text-align:center; font-weight:bold; padding-top:45px;}

.whole .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-size:30px;}

.whole .title em{ display:inline-block; width:79px; height:3px;}



.whole .con1_bg{ height:1166px; position:relative;/* background:url(../images/whole_con1_bg.jpg) no-repeat center bottom;*/ background:#fff; height:685px; background:url(../images/whole_bg1_03.jpg) no-repeat center bottom;}

.whole .con1_bg .con1{ width:1200px; margin:0 auto; height:605px; position:relative;}

.whole .con1_bg .con1 .title b{ color:#adda4c; font-family:arial;}

.whole .con1_bg .con1 .title em{ background:#ffa800;}

.whole .con1_bg .con1 .txt{ padding-top:34px; color:#555557; width:900px; margin:0 auto; text-align:center;}

.whole .con1_bg .con1 .list{ /* background:url(../images/whole_con1_listbg_03.jpg) no-repeat center center;*/ width:900px; padding-top:43px; margin:0 auto; position:relative;}

.whole .con1_bg .con1 .list ul{ position:absolute; left:600px; top:60px; width:440px;}

.whole .con1_bg .con1 .list li{ padding-bottom:37px;}

.whole .con1_bg .con1 .list li .t{ font-size:24px; font-size:24px; padding-top:5px;}

.whole .con1_bg .con1 .list li b.l{ color:#ff6c00; /*text-shadow:1px 1px 0px #78bd21;*/ padding-right:4px;}

.whole .con1_bg .con1 .list li b.r{ color:#000; /*text-shadow:1px 1px 0px #a6a6a7;*/ padding-left:4px; font-family:arial;}

.whole .con1_bg .con1 .list li p{ margin:0; font-size:12px; line-height:18px; /*text-shadow:1px 1px 0px #a3d146;*/}





.whole .con2_bg{ height:650px; background:url(../images/whole_bg2_02.jpg) no-repeat center bottom;}

.whole .con2_bg .con1{ height:650px; position:relative; width:1200px; margin:0 auto;}

.whole .con2_bg .con1 .title{ color:#fff; padding-top:90px;}

.whole .con2_bg .con1 .title b{ color:#516e7d;}

.whole .con2_bg .con1 .title em{ background:#4195d4;}

.whole .con2_bg .con1 .txt{ float:right; width:541px; padding:65px 34px 0 0; color:#a6a6a7; font-size:14px; line-height:24px; height:326px; background:url(../images/whole_bg3_03.png) no-repeat right top; color:#a8c1cc; margin-top:80px;}

.whole .con2_bg .con1 .txt .div1{ font-size:36px; color:#ff7d1e; text-align:right; line-height:1em;}

.whole .con2_bg .con1 .txt .div2{ font-size:18px; color:#ff7d1e; text-align:right; line-height:1em; padding:15px 0;}



.whole .con2_bg .con1 .img{ position:absolute; left:-59px; bottom:-12px;}



.whole .con3_bg{ height:660px; background:url(../images/whole_bg3.jpg) no-repeat center center;} 



.whole .con3_bg .con{ width:1200px; margin:0 auto; height:660px; position:relative;}

.whole .con3_bg .con .title{ padding-top:82px; color:#000;}

.whole .con3_bg .con .title b{ color:#cacaca;}

.whole .con3_bg .con .txt{ position:absolute; left:168px; top:246px; width:546px; font-size:14px; line-height:30px; display:none;}

.whole .con3_bg .con .txt .div1{ color:#ff7d1e; font-size:36px; line-height:1em; padding-bottom:10px;}



.whole .con3_bg .con .list{ position:absolute; left:0; bottom:0; width:100%; height:189px;}



.whole .con3_bg .con .list li{ position:absolute; font-size:14px; color:#884800; text-align:center; cursor:pointer;}

.whole .con3_bg .con .list li span{ display:block; height:80px; margin-bottom:15px;}



.whole .con3_bg .con .list .li3 span{ height:100px;}



.whole .con3_bg .con .list .li1{ left:104px; top:50px;}

.whole .con3_bg .con .list .li1.li span,.whole .con3_bg .con .list .li1:hover span{ background:url(../images/whole_icon1.png) no-repeat center top;}



.whole .con3_bg .con .list .li2{ left:328px; top:20px;}

.whole .con3_bg .con .list .li2.li span,.whole .con3_bg .con .list .li2:hover span{ background:url(../images/whole_icon2.png) no-repeat center top;}



.whole .con3_bg .con .list .li3{ left:536px; top:0;}

.whole .con3_bg .con .list .li3.li span,.whole .con3_bg .con .list .li3:hover span{ background:url(../images/whole_icon3.png) no-repeat center top;}



.whole .con3_bg .con .list .li4{ right:326px; top:20px;}

.whole .con3_bg .con .list .li4.li span,.whole .con3_bg .con .list .li4:hover span{ background:url(../images/whole_icon4.png) no-repeat center top;}



.whole .con3_bg .con .list .li5{ right:108px; top:50px;}

.whole .con3_bg .con .list .li5.li span,.whole .con3_bg .con .list .li5:hover span{ background:url(../images/whole_icon5.png) no-repeat center top;}





.micro_ban{ height:517px;}



.micro_bg{ background:url(../images/micro_bg.jpg) no-repeat center top; height:4141px;}



.micro .title{ font-size:48px; color:#000; position:relative;}

.micro .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-family:arial; font-size:36px;}

.micro .title em{ display:inline-block; width:79px; height:3px;}



.micro{ width:1200px; margin:0 auto; padding-top:115px; font-size:16px; line-height:32px;}

.micro .con1{ height:506px;}

.micro .con1 .txt{ float:left; width:606px; color:#fff;}

.micro .con1 .txt b{ font-size:18px;}

.micro .con1 .img{ float:right;}



.micro .con2{ position:relative; height:725px;}

.micro .con2 .img{ position:absolute; left:-105px; top:0;}

.micro .con2 .img img{ display:none;}

.micro .con2 .img .img1{ display:block}

.micro .con2 .txt{ float:right; text-align:right; color:#aaa;}

.micro .con2 .txt .title b{ color:#eba62a;}

.micro .con2 .txt .title em{ background:#eba62a;}

.micro .con2 .list{ position:absolute; right:0; bottom:54px; height:400px; width:734px;}

.micro .con2 .list .ul{ position:absolute; right:0; bottom:0; height:171px; z-index:3; background:url(../images/micro_img3.jpg) no-repeat;}

.micro .con2 .list .ul li{ float:left; width:150px; height:171px; cursor:pointer; position:relative;}

.micro .con2 .list .ul li i{ display:none; width:26px; height:19px; position:absolute; left:50%; top:-30px; background:url(../images/micro_con2_jt.jpg) no-repeat; text-indent:999px; overflow:hidden;}

.micro .con2 .list .ul .li i{ display:block;}



.micro .con2 .list .text{ position:absolute; left:0; bottom:200px; border:1px solid #e8cd78; padding:25px 50px; border-radius:5px; line-height:32px; color:#e1bc3f; text-align:center; background:#fff; display:none;}



.micro .con3{ padding-top:140px; height:1575px; position:relative;}

.micro .con3 .t .title b{ color:#a0d540;}

.micro .con3 .t .title em{ background:#a0d540;}

.micro .con3 .t .txt{ color:#aaa; line-height:26px; width:680px; padding-top:33px;}

.micro .con3 .t .txt span{ color:#a0d540;}



.micro .con3 .t .list{ overflow:hidden; position:relative;}

.micro .con3 .t .list .ul li{ float:left; margin:110px 34px 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/micro_icon.png) no-repeat left top; cursor:pointer; color:#91d637;}

.micro .con3 .t .list .ul li:hover{ color:#fff;}



.micro .con3 .t .list .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;}



.micro .con3 .t .list .ul .li i{ display:block;}



.micro .con3 .t .list .ul .li2 i{ border-color:#ef972c transparent transparent transparent;}

.micro .con3 .t .list .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}

.micro .con3 .t .list .ul .li4 i{ border-color:#d7644d transparent transparent transparent;}

.micro .con3 .t .list .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;}

.micro .con3 .t .list .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}

.micro .con3 .t .list .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}

.micro .con3 .t .list .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}



.micro .con3 .t .list .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.micro .con3 .t .list .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}





.micro .con3 .t .list .ul .li2{ background-position:-120px top; color:#ef972c;}

.micro .con3 .t .list .ul .li3{ background-position:-240px top; color:#4dd2d7;}

.micro .con3 .t .list .ul .li4{ background-position:-360px top; color:#d7644d;}

.micro .con3 .t .list .ul .li5{ background-position:-480px top; color:#da62c1;}

.micro .con3 .t .list .ul .li6{ background-position:-600px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li7{ background-position:-720px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li8{ background-position:-840px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li9{ background-position:-960px top; color:#d95ec0;}

.micro .con3 .t .list .ul .li10{ background-position:-1080px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li11{ background-position:-1200px top; color:#bfcf3e;}

.micro .con3 .t .list .ul .li12{ background-position:-1320px top; color:#4dd78e;}

.micro .con3 .t .list .ul .li13{ background-position:-1440px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li14{ background-position:-1560px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li15{ background-position:-1680px top; color:#4d9cd7;}

.micro .con3 .t .list .ul .li16{ background-position:-1800px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li1:hover{ background-position:left bottom;}

.micro .con3 .t .list .ul .li2:hover{ background-position:-120px bottom;}

.micro .con3 .t .list .ul .li3:hover{ background-position:-240px bottom;}

.micro .con3 .t .list .ul .li4:hover{ background-position:-360px bottom;}

.micro .con3 .t .list .ul .li5:hover{ background-position:-480px bottom;}

.micro .con3 .t .list .ul .li6:hover{ background-position:-600px bottom;}

.micro .con3 .t .list .ul .li7:hover{ background-position:-720px bottom;}

.micro .con3 .t .list .ul .li8:hover{ background-position:-840px bottom;}

.micro .con3 .t .list .ul .li9:hover{ background-position:-960px bottom;}

.micro .con3 .t .list .ul .li10:hover{ background-position:-1080px bottom;}

.micro .con3 .t .list .ul .li11:hover{ background-position:-1200px bottom;}

.micro .con3 .t .list .ul .li12:hover{ background-position:-1320px bottom;}

.micro .con3 .t .list .ul .li13:hover{ background-position:-1440px bottom;}

.micro .con3 .t .list .ul .li14:hover{ background-position:-1560px bottom;}

.micro .con3 .t .list .ul .li15:hover{ background-position:-1680px bottom;}

.micro .con3 .t .list .ul .li16:hover{ background-position:-1800px bottom;}



.micro .con3 .t .list .list_txt{ position:absolute; left:40px; top:270px;}

.micro .con3 .t .list .list_txt li{ display:none; font-size:14px; color:#91d637;}

.micro .con3 .t .list .list_txt .li2{ color:#ef972c;}

.micro .con3 .t .list .list_txt .li3{ color:#4dd2d7;}

.micro .con3 .t .list .list_txt .li4{ color:#d7644d;}

.micro .con3 .t .list .list_txt .li5{ color:#da62c1;}

.micro .con3 .t .list .list_txt .li6{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li7{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li8{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li9{ color:#d95ec0;}

.micro .con3 .t .list .list_txt .li10{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li11{ color:#bfcf3e;}

.micro .con3 .t .list .list_txt .li12{ color:#4dd78e;}

.micro .con3 .t .list .list_txt .li13{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li14{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li15{ color:#4d9cd7;}

.micro .con3 .t .list .list_txt .li16{ color:#4d9cd7;}



.micro .con3 .t .btn{ display:block; width:342px; height:54px; line-height:54px; text-align:center; background:#a0d540; color:#fff; margin-top:74px; border-radius:5px;}





.micro .con3 .b{ padding-top:80px; height:580px; position:relative;}

.micro .con3 .b .title{ text-align:right;}

.micro .con3 .b .title em{ background:#fff;}

.micro .con3 .b .txt{ float:right; width:820px; text-align:right; color:#fff; line-height:26px; padding-top:30px;}

.micro .con3 .b .list{ position:absolute; left:0; bottom:90px;}

.micro .con3 .b .list ul{ position:absolute; left:0; top:0; padding-top:36px; color:#fff; width:100%;}

.micro .con3 .b .list li{ float:left; width:226px; margin-left:17px; text-align:center; line-height:22px;}

.micro .con3 .b .list li.li1{ margin:0;}





.micro .con4{ padding-top:19px;}

.micro .con4 .title b{ color:#4d9cd7;}

.micro .con4 .title em{ background:#4d9cd7;}



.micro .con4 .btn{ display:block; width:182px; height:54px; line-height:54px; text-align:center; color:#fff; background:#4d9cd7; margin-top:40px; border-radius:5px; margin:30px auto 0;}



.micro .con4 .list{ padding-top:35px; position:relative;}

.micro .con4 .list li{ float:left; margin-left:26px; width:206px; padding-top:68px;}

.micro .con4 .list .li{ width:216px; height:382px; padding:60px 16px 77px 17px; background:url(../images/micro_mobilebg.png) no-repeat;}

.micro .con4 .list .li img{ width:216px; height:382px;}

.micro .con4 .tab{ position:relative; margin-top:25px;}

.micro .con4 .tab .bd{ padding-top:20px;}

.micro .con4 .tab .bd .tempWrap{ padding-top:16px !important;}

.micro .con4 .tab .bd ul{ overflow:visible !important; text-align:center;}

.micro .con4 .tab .bd li{ display:inline-block; width:118px; height:118px; border:1px solid #eee; border-radius:4px; margin:0 55px; position:relative;}

.micro .con4 .tab .bd li img{ widows:116px; height:116px; border:1px solid #fff;}

.micro .con4 .tab .bd li i{ display:none; width:15px; height:18px; position:absolute; left:50%; top:-16px; background:url(../images/micro_jt.png) no-repeat; margin-left:-7px;}

.micro .con4 .tab .bd .on{ border-color:#4d9cd7;}

.micro .con4 .tab .bd .on i{ display:block;}

.micro .con4 .tab .bd .on img{ border-color:#4d9cd7;}

.micro .con4 .tab .prev,.micro .con4 .tab .next{ display:block; width:47px; height:49px; position:absolute; top:50%; margin-top:-25px;}

.micro .con4 .tab .prev{ left:-77px; background:url(../images/micro_prev.jpg) no-repeat;}

.micro .con4 .tab .next{ right:-77px; background:url(../images/micro_next.png) no-repeat;}





.mobile_station_ban{ height:518px;}



.mobile_station .con{ width:1200px; margin:0 auto; height:750px; position:relative; font-size:14px; line-height:22px;}



.mobile_station .title{ font-size:48px; padding:70px 0 65px; text-align:center;}

.mobile_station .title em{ display:inline-block; width:88px; height:3px; position:relative; top:20px;}



.mobile_station .con1_bg{ background:#f7f7f7;}

.mobile_station .con1 .txt{ float:left; width:585px; padding-top:185px; font-size:14px; line-height:30px;}

.mobile_station .con1 .txt .t{ font-size:48px; color:#ffa800; line-height:1em; padding-bottom:80px;}

.mobile_station .con1 .txt .b{ padding-top:30px;}



.mobile_station .con1 .img{ float:right; padding-top:88px;}



.mobile_station .con2_bg{ background:url(../images/mobile_station_bg2.jpg) no-repeat center center; color:#fff;}

.mobile_station .con2_bg .title em{ background:#fff;}



.mobile_station .con2 .list{ padding-top:60px;}

.mobile_station .con2 .list li{ float:left; width:260px; padding:50px 60px 0 80px; height:160px;}

.mobile_station .con2 .list .t{ font-size:24px; color:#ffa800; text-align:center; padding-bottom:10px;}



.mobile_station .con3_bg{ background:#f7f7f7;}

.mobile_station .con3 .title{ color:#404040;}

.mobile_station .con3 .title em{ background:#404040;}

.mobile_station .con3 .list{ width:1200px; height:505px; background:url(../images/mobile_station_bg3.jpg) no-repeat center center; position:relative;}

.mobile_station .con3 .list li{ position:absolute; font-size:13px; color:#666;}

.mobile_station .con3 .list li .t{ font-size:24px; color:#30548e; padding-bottom:10px;}



.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li3{ left:34px;}

.mobile_station .con3 .list li.li4,.mobile_station .con3 .list li.li5,.mobile_station .con3 .list li.li6{ right:33px; text-align:right;}

.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li4{ top:72px;}

.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li5{ top:248px;}

.mobile_station .con3 .list li.li3,.mobile_station .con3 .list li.li6{ top:427px;}



.mobile_station .con4_bg{ background:#feac0e url(../images/mobile_station_bg4.jpg) no-repeat center center;}

.mobile_station .con4 .img{ position:absolute; left:0; top:167px;}

.mobile_station .con4 .txt{ float:right; width:774px; font-size:24px; line-height:36px; color:#2b1c00; padding-top:180px;}

.mobile_station .con4 .txt .t{ font-size:48px; color:#fff; padding-bottom:45px;}



.mobile_station .con5{ background:url(../images/mobile_station_bg5.jpg) no-repeat right 167px;}



.mobile_station .con5 .txt{ padding-top:185px; width:1000px;}

.mobile_station .con5 .txt .t{ font-size:48px; color:#ffa800; padding-bottom:70px;}

.mobile_station .con5 .txt li{ float:left; width:322px; padding-left:31px; font-size:16px; line-height:34px; height:34px; color:#333; background:url(../images/mobile_station_libg_03.jpg) no-repeat left center;}

.mobile_station .con5 .txt li.li{ background:none;}



.mobile_station .con6_bg{ background:#ffa800;}

.mobile_station .con6 .title{ color:#fff;}

.mobile_station .con6 .title em{ background:#fff;}

.mobile_station .con6 .box{ height:520px; position:relative;}

.mobile_station .con6 .box .prev,.mobile_station .con6 .box .next{ display:block; width:48px; height:74px; position:absolute; top:200px;}

.mobile_station .con6 .box .prev{ background:url(../images/mobile_station_prev.jpg) no-repeat; left:-58px;}

.mobile_station .con6 .box .next{ background:url(../images/mobile_station_next.jpg) no-repeat; right:-58px;}

.mobile_station .con6 .box .bd{ overflow:hidden;}

.mobile_station .con6 .box .bd li{ float:left; width:240px; text-align:center; margin-right:80px;}

.mobile_station .con6 .box .bd li .img{ width:200px; height:358px; padding:53px 19px 47px 21px; background:url(../images/mobile_station_libg2.jpg) no-repeat center center; margin-bottom:15px;}

.mobile_station .con6 .box .bd li .name{ font-size:16px; font-weight:bold; color:#4c3300;}





/*建站优势*/



/*技术开发*/

.technology_ban{ height:518px}

.technology{ position:relative; margin:55px auto; width:1200px; height:890px; font-size:14px;}

.technology .technology_s{ height:890px; width:9px; position:absolute; left:50%; margin-left:-4.5px; background:url(../images/technology_s.png) no-repeat; z-index:4;}

.technology .technology_h{ width:1200px; height:9px; position:absolute; left:0; top:50%; margin-top:-4.5px; background:url(../images/technology_h.png) no-repeat; z-index:5;}

.technology .technology_c{ width:415px; height:415px; position:absolute; left:50%; top:50%; margin:-207.5px 0 0 -207.5px; background:url(../images/technology_c.png) no-repeat; z-index:6;}

.technology .technology_c_hover{ width:392px; height:392px; padding:10px; background:url(../images/technology_c_hover.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-206px 0 0 -206px; z-index:7; display:none; text-align:center;}

.technology .technology_c_hover .txt{ padding-top:210px; color:#fff; line-height:22px; height:130px;}

.technology .technology_c_hover .more{ display:block; width:131px; height:30px; text-align:center; line-height:30px; margin:0 auto; overflow:hidden; text-indent:999px;}



.technology .con{ float:left; width:598px; height:443px; border:1px solid #e8e8e6; position:relative; z-index:3; background:#f5f5f5; color:#333;}

.technology .con .more{ display:block; width:131px; height:30px; position:absolute; background:url(../images/technology_more.png) no-repeat; display:none;}

.technology .con .t{ position:absolute; font-size:20px;}

.technology .con .txt{ line-height:22px; position:absolute;}

.technology .con .img{ position:absolute;}

.technology .con .list{ position:absolute; line-height:30px;}

.technology .con .list li{ height:30px; padding-left:40px; background:url(../images/technology_listbg.png) no-repeat left top;}

.technology .con:hover .t{ color:#fff;}

.technology .con:hover .list li{ background-position:left bottom;}

.technology .con:hover .more{ display:block;}



.technology .con1 .t{ color:#459ee6; top:33px; left:40px;}

.technology .con2 .t{ color:#1fc072; top:33px; right:40px; text-align:right;}

.technology .con3 .t{ color:#9423ca; left:40px; top:290px;}

.technology .con4 .t{ color:#eb601a; right:40px; top:290px; text-align:right;}



.technology .con1 .txt{ top:85px; left:40px; width:490px;}

.technology .con2 .txt{ top:85px; right:40px; text-align:right; width:510px;}

.technology .con3 .txt{ top:340px; right:40px; width:517px;}

.technology .con4 .txt{ top:340px; right:40px; text-align:right; width:496px;}



.technology .con1 .img{ top:272px; left:40px;}

.technology .con2 .img{ top:218px; right:-5px;}

.technology .con3 .img{ top:62px; left:0px;}

.technology .con4 .img{ top:74px; right:28px;}



.technology .con1:hover{ background:#3e8dd0; color:#fff; border-color:#3e8dd0;}

.technology .con2:hover{ background:#45d041; color:#fff; border-color:#45d041;}

.technology .con3:hover{ background:#bd41d0; color:#fff; border-color:#bd41d0;}

.technology .con4:hover{ background:#fcc904; color:#fff; border-color:#fcc904;}



.technology .con1 .list{ left:259px; top:246px;}

.technology .con2 .list{ left:223px; top:200px;}

.technology .con3 .list{ left:265px; top:61px;}

.technology .con4 .list{ left:222px; top:60px;}



.technology .con1 .more{ left:40px; top:209px;}

.technology .con2 .more{ right:40px; top:165px;}

.technology .con3 .more{ left:40px; top:250px;}

.technology .con4 .more{ right:40px; top:250px;}





.technology .con2,.technology .con3{ border-color:#fff; background:#fff;}



.technology_bg{ background:#fff !important; padding-top:42px; font-size:14px; line-height:28px;}

.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_eip_ban{ height:250px;}



.technology_eip .con{ width:1140px; margin:0 auto; overflow:hidden;}



.technology_eip .con1 .img{ float:right; padding-left:86px;}

.technology_eip .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}



.technology_eip .con2 span.t{ color:#ffa800; font-size:24px;}

.technology_eip .con2 li{ overflow:hidden; padding:56px 0; background:#f5f6f7;}

.technology_eip .con2 li .img{ float:left; padding-left:110px;}

.technology_eip .con2 li .txt{ float:right; width:730px; text-align:right; color:#404040;}

.technology_eip .con2 li .t{ font-size:24px; color:#31548e; margin-bottom:10px;}

.technology_eip .con2 li .t span{ display:inline-block; width:31px; height:28px; text-align:center; line-height:28px; background:url(../images/technology_eip_tbg.png) no-repeat; color:#fff; text-indent:5px; float:right; margin-left:10px;}

.technology_eip .con2 .li{ background:#fff;}



.technology_eip .con2 .li .img{ float:right; padding:0 110px 0 0;}

.technology_eip .con2 .li .txt{ text-align:left; float:left;}

.technology_eip .con2 .li .t span{ float:left; margin:0 10px 0 0;}



.technology_eip .con3{ padding:35px 0;}

.technology_eip .con3 .table{ background:#e5e5e5; width:1138px; border:1px solid #e5e5e5;}

.technology_eip .con3 .table .td{ background:#fff; padding:15px 75px;}

.technology_eip .con3 .table .tr1 .td{ background:#ffa800; color:#fff;}

.technology_eip .con3 .table .td1{ font-size:16px; text-align:center;}



.technology_mobi .con{ width:1140px; margin:0 auto; overflow:hidden;}



.technology_mobi .con1 .img{ float:right; padding-left:40px;}

.technology_mobi .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}



.technology_mobi span.t{ color:#ffa800; font-size:24px;}

.technology_mobi .con2{ background:#f5f6f7; margin-top:20px; overflow:hidden; padding-bottom:30px;}

.technology_mobi .con2 .list li{ background:url(../images/technology_mobi_listbg_03.jpg) no-repeat 255px center; float:left; padding:20px 118px 0 0; height:142px; width:196px;}

.technology_mobi .con2 .list li .img{ text-align:center;}

.technology_mobi .con2 .list li .txt{ font-weight:bold; font-size:15px; color:#4c4c4c; line-height:25px; padding-top:5px;}



.technology_mobi .con2 .list .li{ padding-right:0; background:none;} 





.technology_mobi .con3 span.t{ display:block; padding:45px 0 25px;}



.technology_mobi .con4_bg{ background:#f5f6f7;}

.technology_mobi .con4 span.t{ display:block; padding:45px 0 25px;}





.technology_shop span.t{ float:left; color:#ffa800; font-size:24px;}

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

.technology_shop .con1{ padding-bottom:40px;}

.technology_shop .con1 .shop_link{ display:block; margin:0 auto 20px; width:252px; height:52px; text-align:center; line-height:52px; color:#fff; background:url(../images/other_link_bg.png) no-repeat; font-size:20px; border-radius:3px;}

.technology_shop .con1 .shop_link span{ font-family:"宋体";}

.technology_shop .con2 .con2_bg{ background:#f7f7f7; clear:both; margin-top:10px;}

.technology_shop .con2 .p{ margin:0; padding:40px 0 0; text-indent:2em;}

.technology_shop .con2 .img{ float:right; padding-left:50px;}

.technology_shop .con3{ padding:45px 0 38px;}

.technology_shop .con3 span.t{ display:block; float:none;}

.technology_shop .con4{ overflow:hidden;}

.technology_shop .con4 .table{ padding-bottom:38px;}

.technology_shop .con4 .table table{ background:#e5e5e5;}

.technology_shop .con4 .table td{ padding:20px 30px; background:#fff;}

.technology_shop .con4 .table .tr1 td{ background:#c7dbf1; font-size:16px; font-weight:bold;}

.technology_shop .con4 .p{ text-indent:2em; padding-bottom:30px;}





.technology_site span.t{ display:block; color:#ffa800; font-size:24px; padding-bottom:20px;}

.technology_site .con{ width:1140px; margin:0 auto; overflow:hidden;}

.technology_site .con1 .img{ float:right; padding-left:86px;}

.technology_site .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}



.technology_site .con2_bg{ background:#f5f6f7;}



.technology_site .con2 .con{ padding:55px 0;}

.technology_site .con2 .con ul{ width:1220px;}

.technology_site .con2 li{ float:left; width:610px;}

.technology_site .con2 .img{ float:left;}

.technology_site .con2 .txt{ float:left; width:425px; padding-left:23px;}

.technology_site .con2 .txt .t{ font-size:24px; color:#31548e;}



.technology_site .con3 .table{ padding:25px 0;}

.technology_site .con3 table{ width:1138px; background:#e5e5e5;}

.technology_site .con3 table td{ background:#fff; font-size:16px; padding:20px 70px;}

.technology_site .con3 table .tr1 td{ font-weight:bold; color:#fff; background:#ffa400; padding:15px 0; text-align:center;}





/*技术开发*/





/*案例*/

.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,

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

.case_area dd .WuHan:hover,

.case_area dd .WuHan.onmenu,

.case_area dd .wuhan:hover,

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



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

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

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

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

.case_area dd .wuhan:hover,

.case_area dd .wuhan.onmenu,

.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 .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;}



/*案例*/





/*关于万户*/



.aboutchan_ban{ overflow:hidden; text-align:center; clear:both;}

.aboutchan_ban ul{ min-height:306px; width:100% !important;}

.aboutchan_ban ul li{ width:100% !important;}



.aboutchan{ font-size:14px; line-height:28px;}

.aboutchan .con{ width:1200px; margin:0 auto;}



.aboutchan .con1 .title{ font-size:48px; color:#ff6c00; line-height:1em; padding:70px 0 50px; position:relative;}

.aboutchan .con1 .title em{ position:absolute; left:5px; bottom:27px; width:180px; display:block; height:4px; background:#ff6c00;}

.aboutchan .con1 .title span{ font-size:36px; color:#555;}

.aboutchan .con1 .txt{ background:url(../images/aboutchan_txtbg.jpg) no-repeat right bottom;}

.aboutchan .con1 .txt .c{ width:710px;}

.aboutchan .con1 .more{ display:block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.png) no-repeat center top; color:#fff; text-indent:35px; margin:30px 0 0;}

.aboutchan .con1 .aboutchan_video{ margin-top:40px; position:relative; width:1200px; height:450px; background:url(../images/aboutchan_con1bg.jpg) no-repeat left top; overflow:hidden;}

.aboutchan .con1 .aboutchan_video .img{ position:absolute; left:28px; top:16px;}

.aboutchan .con1 .aboutchan_video .img embed,.aboutchan .con1 .aboutchan_video .img iframe{ width:860px !important; height:420px !important;}

.aboutchan .con1 .aboutchan_video .list{ width:270px; position:absolute; right:28px; top:16px;}

.aboutchan .con1 .aboutchan_video li{ width:270px; height:132px; margin-bottom:12px; overflow:hidden;}

.aboutchan .con1 .aboutchan_video li div{ position:absolute; left:-999px; top:-999px;}

.aboutchan .con1 .aboutchan_video li img{ width:270px; height:132px;}





.aboutchan .con2{ overflow:hidden; width:1201px;}

.aboutchan .con2 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;}

.aboutchan .con2 .title .more{ float:right; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px;}

.aboutchan .con2 .list{ border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6;}

.aboutchan .con2 .list li{ float:left; width:199px; height:130px; border-right:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; text-align:center; padding-top:20px;}



.aboutchan .con3 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;}

.aboutchan .con3_bg{ height:287px; background:url(../images/aboutchan_con3_bg_02.jpg) no-repeat center 60px; padding:60px 0 124px;}

.aboutchan .con3_bg .con{ height:287px; position:relative;}

.aboutchan .con3_bg .con .more{ display:block; width:40px; height:40px; background:url(../images/aboutchan_con3more_03.jpg) no-repeat; position:absolute; right:0; top:50%; margin-top:-20px;}

.aboutchan .con3_bg li{ position:absolute; padding:18px 4px 18px 18px; width:250px;}

.aboutchan .con3_bg li .t{ font-size:30px; color:#ff6c00; padding-bottom:5px;}

.aboutchan .con3_bg li .txt{ font-size:12px; line-height:20px;}

/*.aboutchan .con3_bg .li1,.aboutchan .con3_bg .li3,.aboutchan .con3_bg .li5{ top:-60px;}

.aboutchan .con3_bg .li2,.aboutchan .con3_bg .li4,.aboutchan .con3_bg .li6{ top:210px;}

.aboutchan .con3_bg .li1{ left:20px;}

.aboutchan .con3_bg .li3{ left:378px;}

.aboutchan .con3_bg .li5{ left:737px;}

.aboutchan .con3_bg .li2{ left:200px;}

.aboutchan .con3_bg .li4{ left:558px;}

.aboutchan .con3_bg .li6{ left:916px;}*/

.aboutchan .con3_bg .li4,.aboutchan .con3_bg .li5,.aboutchan .con3_bg .li6{ top:-60px;}

.aboutchan .con3_bg .li1,.aboutchan .con3_bg .li2,.aboutchan .con3_bg .li3{ top:210px;}

.aboutchan .con3_bg .li6{ left:20px;}

.aboutchan .con3_bg .li5{ left:378px;}

.aboutchan .con3_bg .li4{ left:737px;}

.aboutchan .con3_bg .li3{ left:200px;}

.aboutchan .con3_bg .li2{ left:558px;}

.aboutchan .con3_bg .li1{ left:916px;}



.aboutchan .con3_bg li:hover{ background:#ff6c00; color:#fff;}

.aboutchan .con3_bg li:hover .t{ color:#fff;}



.aboutchan .con4{ overflow:hidden; position:relative; max-width:1920px; width:100%; margin:0 auto;}

.aboutchan .con4 .bd{ position:relative;}

.aboutchan .con4 .bd ul{ float:left;}

.aboutchan .con4 li{ float:left; width:16.666%;}



/*.aboutchan .con4 .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);}*/



.aboutchan .con4 .prev,.aboutchan .con4 .next{ display:block; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px; z-index:333;}

.aboutchan .con4 .prev{ background:url(../images/bg54.png) no-repeat; left:0;}

.aboutchan .con4 .next{ background:url(../images/bg55.png) no-repeat; right:0;}



.aboutchan .con5{ height:900px;}

.aboutchan .con5 .con{ overflow:visible;}

.aboutchan .con5 .title{ height:1px; text-align:center; position:relative; padding:100px 0 50px; font-size:48px; color:#000; background:url(../images/technology_title2.png) no-repeat center center;}

.aboutchan .con5 .title span{ display:block; position:relative; top:-40px; color:#ff6c00;}

.aboutchan .con5 .nav{ text-align:center;}

.aboutchan .con5 .nav a{ display:inline-block; width:160px; height:40px; text-align:center; line-height:40px; font-size:16px; background:url(../images/aboutchan_con5bg_03.jpg) no-repeat; margin:0 15px; color:#fff; font-weight:bold;}

.aboutchan .con5 .nav a.a{ 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); color:#555;}


.aboutchan .con5 .nav a:hover{ color:#fff;}



.aboutchan .con5 .divBox{ width:100%; position:relative; overflow:hidden; height:700px;}

.aboutchan .con5 .box{ position:absolute; top:0; left:0; background:#fff; width:100%;}







.aboutchan .con5 .box .citylist .divNews{ position:absolute; left:0; top:0; width:4800px;}

.aboutchan .con5 .box .citylist .newsList{ width:1200px; float:left;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop{ padding-top:47px;}

.aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:300px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;}

.aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px;}

.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev,.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ display:inline-block; width:50px; height:50px;}

.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;}

.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .div{  border-bottom:#f3f3f3 1px solid;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:150px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:150px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:16px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .p{text-indent: 30px; font-size:14px; color:#888; line-height:20px; margin:10px 0;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li{ width:540px; float:left; margin-right:120px; padding:36px 0; border-bottom:#f3f3f3 1px solid;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; padding:13px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:56px; line-height:0.8;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:3; font-size:16px;}

.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p span{text-indent: 30px; display:block; line-height:20px; color:#888; font-size:14px;}



.aboutchan .con6{ background:#282828; padding:119px 0 120px;}

.aboutchan .con6 .con{ height:1px; overflow:visible; background:#303030; position:relative;}

.aboutchan .con6 .con li{ position:absolute; top:50%; margin-top:-75px; width:150px; height:150px; background-image:url(../images/aboutchan_con6bg_03.png); background-repeat:no-repeat; background-color:#282828; text-align:center; color:#fff; font-size:18px; cursor:pointer;}

.aboutchan .con6 .con li .img{ padding:32px 0 17px;}

.aboutchan .con6 .con .li1{ background-position:left bottom; left:0; padding-right:67px;}

.aboutchan .con6 .con .li2{ padding:0 67px; left:50%; margin-left:-142px; background-position:center bottom;}

.aboutchan .con6 .con .li3{ right:0; background-position:right bottom; padding-left:67px;}

.aboutchan .con6 .con .li1:hover{ background-position:left top;}

.aboutchan .con6 .con .li2:hover{ background-position:center top;}

.aboutchan .con6 .con .li3:hover{ background-position:right top;}



.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: 50px;}

.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 .changsha span{ background:url(../images/changsha.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:13532px; height:496px; position:relative;}

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



.contactmap .allmap{ width:100%; height:100%;}



.news{ width:1140px; margin:0 auto; font-size:14px; color:#999;}

.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:80px; height:104px; background:#acacac; line-height:68px; 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:720px; padding-top:24px; height:182px; position:relative;}

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

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

.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:80px 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;}



.search_bg{ background:#fff url(../images/search_bg_02.jpg) no-repeat center top; padding:44px 0 70px; position:relative; z-index:1;}



.search .con{ width:1140px; margin:0 auto; font-size:14px; line-height:28px; position:relative;}

.search .con1{ position:relative; z-index:999; margin-bottom:24px;}

.search .con1 .title{ font-size:30px; color:#555; line-height:1em; padding-bottom:15px;}

.search .con1 .c{ height:114px; background:#dfdfdf url(../images/search_bg2_03.jpg) no-repeat 76px center; position:relative;}

.search .con1 .c .box{ position:absolute; left:243px; top:29px; width:890px;}

.search .con1 .c .text{ position:absolute; left:0; top:0; width:710px; height:45px; border:1px solid #c1c1c1; background:#fff;}

.search .con1 .c .text .select{ position:absolute; right:0; top:0; width:111px; height:45px; background:#f5f5f5 url(../images/search_selectbg_03.jpg) no-repeat 82px center; border-left:1px solid #c1c1c1; font-size:16px; line-height:45px;}

.search .con1 .c .text .select span{ display:block; cursor:pointer; padding-left:27px;}

.search .con1 .c .text .select dl{ position:absolute; left:-1px; top:45px; background:#fff; border:1px solid #c1c1c1; width:111px; display:none;}

.search .con1 .c .text .select dl a{ display:block; padding-left:27px;}



.search .con1 .c .text input{ height:45px; line-height:45px; padding-left:17px; font-size:16px; color:#555; width:500px;}

.search .con1 .c .box .btn{ position:absolute; left:735px; top:0; width:126px; height:47px; text-align:center; line-height:47px; background:#ffa800; font-weight:bold; font-size:16px; color:#fff;}



.search .con2_bg{ padding-top:12px; height:77px; background:#f7f7f7; border-top:1px solid #eee;}

.search .search_nav{ overflow:hidden;}

.search .search_nav a{ display:block; float:left; width:102px; height:77px; padding-left:94px; line-height:77px; font-size:20px; background:#fafafa; margin-right:5px;}

.search .search_nav a.onmenu,.search .search_nav a:hover{ background-color:#fff; font-weight:bold;}

.search .search_nav #search_news{ background-image:url(../images/search_nav_img1_03.png); background-repeat:no-repeat; background-position:55px center;}

.search .search_nav #search_busine{ background-image:url(../images/search_nav_img3_03.png); background-repeat:no-repeat; background-position:55px center;}

.search .search_nav #search_case{ background-image:url(../images/search_nav_img2_03.png); background-repeat:no-repeat; background-position:55px center;}

.search .search_nav .a{ 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);}

.search .search_nav .num{ position:absolute; right:32px; bottom:15px; font-size:14px;}

.search .search_nav .num span{ color:#ffa800;}



.search .con3{ background:#fff;}

.search .con3 .list{ padding:0 32px;}

.search .con3 .list ul{ margin-bottom:30px;}

.search .con3 li{ padding:30px 0; border-bottom:1px solid #e8e8e8; color:#999;}

.search .con3 li .t{ font-size:20px;}

.search .con3 li .color{ color:#ffa800;}

.search .con3 li .txt{ padding:5px 0 10px;}





/*关于万户*/

.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;

}

.divSolution {

    padding: 67px 30px 78px 30px;

    position: relative;

}

.warp_show{ width:100%; height:auto; overflow:hidden;}
.warp_shBox{ clear:both; position:relative;}
.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}
.intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}


/*cont*/
#warp_shBox6{ background:url(../images/cont_img.jpg) no-repeat center; width:100%; height:532px;}
#warp_shBox6 .pdd{ padding:84px 0 0 0;}
#warp_shBox6 .name a{ color:#FFF;}
.cont{ height:140px; padding-top:40px;}
.cont li{ float:left; width:300px; height:140px;}
.cont li a{ display:block; width:300px;}
.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}
.cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;}
.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}
.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}
.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}
.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}
.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}
.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}
.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}
.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}
.cont li a:hover .cont_name{ color:#ff6c00;}


/*404页面*/

.ErrorBox{ width:492px; margin:0 auto; padding:92px 160px;}

.ErrorBox p{ margin:0; padding:10px 0; text-align:center; font-size:22px; font-family:"微软雅黑"; color:#6A6975;}



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;}















.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*/







/*Top*/



.Top{ padding:0 15px; max-width:1890px; margin:0 auto; height:121px; position:relative; z-index:9; background:#fff;}



.Top .slide_bg{ position:absolute; left:0; top:121px; background:url(../images/nav_slide_bg.png) repeat; overflow:hidden; width:100%; height:0; font-size:14px;}



.Top .slide{ overflow:hidden; width:100%;}



.Top .slide .con{ padding:30px 0 25px; float:right; overflow:hidden;}







/*.Top .slide .a{ 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);}*/







.Top .slide a span{ display:block; padding-top:14px;}



.Top .slide a.a1{ border-left:none;}











.Top .slide1{ height:199px;}



.Top .slide1 .con{ padding:40px 0; text-align:right;}



.Top .slide1 a{ display:inline-block; padding:16px 0; width:194px; text-align:center; border-left:1px solid #f2f2f2;}







.Top .slide2{ height:212px;}



.Top .slide2 .right{ float:right; width:955px; text-align:right;}



.Top .slide2 .right .list1{ float:left; display:none;}



.Top .slide2 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}



.Top .slide2 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden;}



.Top .slide2 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}



.Top .slide2 .right .list2 a span{ padding-top:25px;}







.Top .slide2 .left{ float:right;}



.Top .slide2 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}



.Top .slide2 .left a.a_bg,.Top .slide2 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}











.Top .slide3{ height:356px;}



.Top .slide3 .right{ float:right; width:955px; overflow:hidden; display:none; min-height:50px;}



.Top .slide3 .right.block{ display:block;}



.Top .slide3 .right .div{ width:300px; float:left; margin-left:95px;}



.Top .slide3 .right .div .img{ width:300px; height:213px; overflow:hidden;}



.Top .slide3 .right .div .title{ color:#ff6c00; font-weight:bold; padding:20px 0 10px;}



.Top .slide3 .right .div .txt{ font-size:12px; height:55px; position:relative;word-wrap: break-word;word-break: break-all;}



.Top .slide3 .right .div .txt em{ position:absolute; left:0; bottom:0; width:60px; height:3px; background:#ff6c00;}







.Top .slide3 .left{ float:right; line-height:22px;}



.Top .slide3 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;}



.Top .slide3 .left a.a_bg,.Top .slide3 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}







.Top .slide4{ height:212px;}



.Top .slide4 .con{ text-align:right;}



.Top .slide4 a{ display:inline-block; margin-left:45px; text-align:center;}







.Top .slide5{ height:199px;}



.Top .slide5 .con{ padding:40px 0; text-align:right;}



.Top .slide5 a{ display:inline-block; padding:16px 0; width:194px; text-align:center; border-left:1px solid #f2f2f2;}







.Top .slide6{ height:212px;}



.Top .slide6 .con{ text-align:right;}



.Top .slide6 a{ display:inline-block; margin-left:45px; text-align:center;}











.Top .slide7{ height:190px;}



.Top .slide7 .con{ padding:15px 0;}



.Top .slide7 .right{ float:right; width:987px; overflow:hidden;}



.Top .slide7 .right .list{ display:none;}



.Top .slide7 .right .list1{ display:block;}



.Top .slide7 .right .list1 a{ display:block; float:left; background:url(../images/case_area2.png) no-repeat; padding-top:20px; width:101px; height:30px; text-indent:56px; margin:15px 0 15px 40px; line-height:30px;}



.Top .slide7 .right .list1 a:hover{ color:#fff;}







.Top .slide7 .right .list2{ overflow:hidden; padding-top:15px;}



.Top .slide7 .right .list2 a{ display:block; line-height:54px; width:141px; float:left; font-size:14px;}







/*



.Top .slide7 .right .list1 .guangzhou{ background-position:0 0;}



.Top .slide7 .right .list1 .guangzhou:hover{ background-position:0 -50px;}



.Top .slide7 .right .list1 .shenzhen{ background-position:-101px 0;}



.Top .slide7 .right .list1 .shenzhen:hover{ background-position:-101px -50px;}



.Top .slide7 .right .list1 .xiamen{ background-position:-202px 0;}



.Top .slide7 .right .list1 .xiamen:hover{ background-position:-202px -50px;}



.Top .slide7 .right .list1 .shanghai{ background-position:-303px 0;}



.Top .slide7 .right .list1 .shanghai:hover{ background-position:-303px -50px;}



.Top .slide7 .right .list1 .hefei{ background-position:-404px 0;}



.Top .slide7 .right .list1 .hefei:hover{ background-position:-404px -50px;}



.Top .slide7 .right .list1 .foshan{ background-position:-505px 0;}



.Top .slide7 .right .list1 .foshan:hover{ background-position:-505px -50px;}



.Top .slide7 .right .list1 .dongguan{ background-position:-606px 0;}



.Top .slide7 .right .list1 .dongguan:hover{ background-position:-606px -50px;}



.Top .slide7 .right .list1 .beijing{ background-position:-707px 0;}



.Top .slide7 .right .list1 .beijing:hover{ background-position:-707px -50px;}



.Top .slide7 .right .list1 .zhongshan{ background-position:-808px 0;}



.Top .slide7 .right .list1 .zhongshan:hover{ background-position:-808px -50px;}



.Top .slide7 .right .list1 .zhuhai{ background-position:-909px 0;}



.Top .slide7 .right .list1 .zhuhai:hover{ background-position:-909px -50px;}



.Top .slide7 .right .list1 .wuhu{ background-position:-1010px 0;}



.Top .slide7 .right .list1 .wuhu:hover{ background-position:-1010px -50px;}



.Top .slide7 .right .list1 .wuhan{ background-position:-1111px 0;}



.Top .slide7 .right .list1 .wuhan:hover{ background-position:-1111px -50px;}



.Top .slide7 .right .list1 .quanzhou{ background-position:-1212px 0;}



.Top .slide7 .right .list1 .quanzhou:hover{ background-position:-1212px -50px;}



.Top .slide7 .right .list1 .changsha{ background-position:-1313px 0;}



.Top .slide7 .right .list1 .changsha:hover{ background-position:-1313px -50px;}



.Top .slide7 .right .list1 .huizhou{ background-position:-1414px 0;}



.Top .slide7 .right .list1 .huizhou:hover{ background-position:-1414px -50px;}



*/







.Top .slide7 .left{ float:right;}



.Top .slide7 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}



.Top .slide7 .left a.a_bg,.Top .slide7 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}











.Top .slide8{ height:240px;}



.Top .slide8 .right{ float:right; width:955px; text-align:right;}



.Top .slide8 .right .list{ display:none;}



.Top .slide8 .right .list1{ display:block;}



.Top .slide8 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}



.Top .slide8 .right .list2 a,



.Top .slide8 .right .list4 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}



.Top .slide8 .right .list3{ border-right:1px solid #f2f2f2; overflow:hidden; text-align:left;}



.Top .slide8 .right .list3 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}



.Top .slide8 .right .list2 a span,



.Top .slide8 .right .list4 a span{ padding-top:25px;}







.Top .slide8 .left{ float:right;}



.Top .slide8 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;}



.Top .slide8 .left a.a_bg,.Top .slide8 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}







/*



.Top .slide8{ height:212px;}



.Top .slide8 .right{ float:right; width:955px; text-align:left;}



.Top .slide8 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;}



.Top .slide8 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden; display:none;}



.Top .slide8 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;}



.Top .slide8 .right .list2 a span{ padding-top:25px;}







.Top .slide8 .left{ float:right;}



.Top .slide8 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;}



.Top .slide8 .left a.a_bg,.Top .slide8 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}



*/











.TopMain{ width:100%;}



.logo{z-index:88; display:inline-block; width:189px; height:64px; margin:0px; margin-left:105px; ;}



.MainNav,.Top_Hotline{ float:right;}







.Top_Hotline { padding-top:18px; padding-left:240px;}



.Top_Hotline .Hotline,.Top_Hotline .a_oa,.Top_Hotline .website_list,.Top_Hotline .SreachBox{ float:left;}



.Top_Hotline .Hotline{ background:url(../images/bg5.jpg) no-repeat right center; padding-right:15px; position:relative; top:-3px; height:29px;}



.Top_Hotline .Hotline .phone{ padding-left:20px; background:url(../images/bg2.jpg) no-repeat left 8px;}



.Top_Hotline .Hotline b{ background:url(../images/bg2.jpg) no-repeat left center; padding-left:20px; font-size:20px; color:#ff6c00;}



.Top_Hotline .a_oa{ display:inline-block; padding:0 15px; color:#555; font-size:1.167em;}



.Top_Hotline .a_oa:hover,.Top_Hotline .website_list .span:hover{ color:#ff6c00;}



.Top_Hotline .website_list{ margin:0 15px; background:url(../images/bg5.jpg) no-repeat left center; font-size:1.167em; position:relative;}



.Top_Hotline .website_list .span{ display:block; padding:0 30px 0 15px; cursor:pointer; background:url(../images/bg3.jpg) no-repeat 80px center;}



.Top_Hotline .website_list:hover { border:#c6c6c6 1px solid; -moz-border-radius-topleft:10px; -moz-border-radius-topright: 10px;-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:none;}



.Top_Hotline .website_list .div_down{ position:absolute; left:-1px; z-index:5; width:100%; border:#c6c6c6 1px solid; 



-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;



border-bottom-right-radius:10px; border-bottom-left-radius:10px; background:#fff; display:none;}



.Top_Hotline .website_list .div_down dl dd{ border-bottom:#e5e5e5 1px solid;}



.Top_Hotline .website_list .div_down dl dd a{ display:block; padding-left:15px; line-height:32px;}



.Top_Hotline .website_list .div_down dl dd a:hover{ color:#fff; background:#ff6c00;}



.Top_Hotline .website_list:hover .div_down{ display:block;}







.Top_Hotline .SreachBox{ width:148px; height:28px; background:url(../images/bg4.jpg) no-repeat left top; padding:1px; overflow:hidden; float:left;}



.Top_Hotline .SreachBox .sreach_btn{ width:31px; height:28px; display:block;float:right;} 



.Top_Hotline .SreachBox .sreach_ipu{ width:106px; height:20px; line-height:20px; padding:4px 0px 4px 9px; border:0px; background:none; color:#7E7E7E; float:left;}







.MainNav { padding-top:0px;}



.MainNav ul li{ float:left;}



.MainNav ul li .navA{ color:#555; font-size:1.333em; padding:0 22px 16px; display:inline-block; line-height:40px;}



.MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ color:#ff6c00; border-bottom:3px solid #ff6c00;}



/*Top*/







/*Bottom*/



.divFoot{ padding-top:90px; background:#000; position:relative; z-index:333; overflow:hidden; width:100%;}



.divFoot .links{ padding:55px 0; background:#111;}



.divFoot .links .Main{ border-top:#1a1a1a 1px solid;}



.divFoot .links dl{ float:left; position:relative; top:-15px; margin-right:50px;}



.divFoot .links dl dd a{ font-size:1.333em; color:#666; background:#111; padding:0 18px;}



.divFoot .links dl dt a{ font-size:1.167em; color:#555; padding:0 18px;}



.divFoot .links dl a:hover{ color:#ff6c00;}







.divFoot .phonelist{ border-top:#1a1a1a 1px solid;}



.divFoot .phonelist .Main{ position:relative;/* background:url(../images/phonelist.png) no-repeat left 32px;*/}



.divFoot .phonelist .Main .bottom_tel{ position:absolute; left:0; top:88px;}



.divFoot .phonelist .title{ display:inline-block; color:#fff; background:#000; font-size:1.333em; padding:0 18px; position:relative; top:-15px; left:50%; margin-left:-66px; font-weight:bold;}



.divFoot .phonelist .phones{ width:970px; position:relative; margin:0 auto; margin-top:60px; margin-bottom:50px;}



.divFoot .phonelist .phones .line{ width:1px; height:488px; position:absolute; left:480px; top:40px; background:url(../images/dot_bg.png) repeat-y left top;}



.divFoot .phonelist .phones .city{ float:left; font-size:1.333em; color:#ff6c00; display:inline-block; padding-top:30px; width:120px; margin-right:50px; margin-bottom:28px;}



.divFoot .phonelist .phones .city .font{ display:block; color:#fff; height:27px; line-height:27px;}



.divFoot .phonelist .phones .city1{ background:url(../images/pic2.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city2{ background:url(../images/pic3.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city3{ background:url(../images/pic4.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city4{ background:url(../images/pic5.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city5{ background:url(../images/pic6.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city6{ background:url(../images/pic7.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city7{ background:url(../images/pic1.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city8{ background:url(../images/pic8.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city9{ background:url(../images/pic9.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city10{ background:url(../images/pic15.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city11{ background:url(../images/pic17.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city12{ background:url(../images/pic13.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city13{ background:url(../images/pic10.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city14{ background:url(../images/pic11.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city15{ background:url(../images/pic14.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city16{ background:url(../images/pic12.jpg) no-repeat right top;}



.divFoot .phonelist .phones .city17{ background:url(../images/pic16.jpg) no-repeat right top;}



.divFoot .phonelist .phones .last{ margin-right:0;}







.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;}







.QQcustomer{ position:fixed; left:8px; bottom:8px; z-index:9999; cursor:pointer; width:136px; height:136px;}



.QQcustomer span{ display:block; width:10px; height:9px; right:0; top:0; cursor:pointer; position:absolute; background:url(../images/QQcustomer_span.png) no-repeat; z-index:33;}



.QQcustomer .big{ position:relative; width:100%; height:136px;}



.QQcustomer .big img{ position:absolute; left:0; bottom:0; width:100%; display:none;}























/*返回顶部*/



.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:645px; 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;}







/*解决方案*/



.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;}



/*Banner*/







/*index*/







/*index*/







/*网站策划*/



.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:680px;}







.Solution_content{ width:100%;}



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



.Solution_content .box .title{ background:url(../images/bg26.jpg) no-repeat left bottom; line-height:3.2; 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;}











/*我们的服务*/



.our_service{ width:100%; position:relative; overflow:hidden;}







.service_Title1 { padding-top:55px; padding-bottom:32px;}



.service_Title1 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}



.service_Title1 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}







.our_service .service_Title1{ width:1200px; margin:0 auto; padding-bottom:30px;}



.our_service .service_Title1 .brief{ line-height:20px; padding-top:5px; font-size:15px;}



.our_service .BanList{ width:50%; height:578px; float:right; position:absolute; right:0; top:70px;}



.our_service .BanList li{ width:100%; height:100%; overflow:hidden; position:absolute; right:0; top:0;}



.our_service .BanList li a{ display:block; width:100%; height:100%;}



.our_service .TabList{ width:100%; height:100%; position:relative; left:0px; top:0px; z-index:5;}



.our_service .TabList .List{ width:1200px; margin:0 auto; height:0; position:relative; z-index:333;}



.our_service .TabList .List .ul{ width:100%;}



.our_service .TabList .List .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:232px; height:217px;}



.our_service .TabList .List .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;}



.our_service .TabList .List .ul li.a_service4{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;}



.our_service .TabList .List .ul li.a_service2{ border-left:1px solid #dadada; width:233px;}



.our_service .TabList .List .ul li.a_service6{ border-right:1px solid #dadada; width:234px;}







.our_service .TabList .List .ul li .span{ position:absolute; right:46px; top:36px;}



.our_service .TabList .List .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;}







.our_service .TabList .List .ul li a{ display:inline-block; color:#555; padding:120px 0 0; line-height:20px}



.our_service .TabList .List .ul li a span{ display:block; font-size:14px;}



.our_service .TabList .List .ul li a .title{ font-size:24px; padding-bottom:10px;}



.our_service .TabList .List .ul li a .brief{ color:#999;}











.our_service .TabList .List .ul li.a_service1 a{ background:url(../images/bg28.jpg) no-repeat left top;}



.our_service .TabList .List .ul li.a_service2 a{ background:url(../images/bg29.jpg) no-repeat left 14px;}



.our_service .TabList .List .ul li.a_service3 a{ background:url(../images/bg30.jpg) no-repeat left top;}



.our_service .TabList .List .ul li.a_service4 a{ background:url(../images/bg31.jpg) no-repeat left 12px;}



.our_service .TabList .List .ul li.a_service5 a{ background:url(../images/bg32.jpg) no-repeat left 14px;}



.our_service .TabList .List .ul li.a_service6 a{ background:url(../images/bg33.jpg) no-repeat left 14px;}



/*



.our_service .TabList .List .ul .a_service1:hover,.our_service .TabList .List .ul .a_service1.on{ background:url(../images/bg34_1.png) no-repeat left center;}



.our_service .TabList .List .ul .a_service2:hover,.our_service .TabList .List .ul .a_service2.on{ background:url(../images/bg34_2.png) no-repeat left center;}



.our_service .TabList .List .ul .a_service3:hover,.our_service .TabList .List .ul .a_service3.on{ background:url(../images/bg34_3.png) no-repeat left center;}



.our_service .TabList .List .ul .a_service4:hover,.our_service .TabList .List .ul .a_service4.on{ background:url(../images/bg34_4.png) no-repeat left center;}



.our_service .TabList .List .ul .a_service5:hover,.our_service .TabList .List .ul .a_service5.on{ background:url(../images/bg34_5.png) no-repeat left center;}



.our_service .TabList .List .ul .a_service6:hover,.our_service .TabList .List ul .a_service6.on{ background:url(../images/bg34_6.png) no-repeat left center;}



*/



/*我们的案例*/



.our_case{ width:100%; padding-bottom:38px;}







.service_Title2 { padding-top:5px; text-align:center; border-bottom:#f2f2f2 1px solid; position:relative; bottom:-1px;}



.service_Title2 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}



.service_Title2 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}







.our_case .brief{ text-align:center; font-size:14px; padding:30px 0;}



.our_case .our_case_cont ul li{ width:20%; float:left; position:relative;}



.our_case .our_case_cont ul li .imglist{ width:100%;}



.our_case .our_case_cont ul li .divDown{ position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/bg36.png) repeat left top; text-align:center; display:none; padding-bottom:2%;}



.our_case .our_case_cont ul li .divDown img{ display:none;}



.our_case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;}



.our_case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;}



.our_case .our_case_cont ul li .divDown .cont span{ display:block;  color:#fff;}



.our_case .our_case_cont ul li .divDown .cont .tit{/* background:url(../images/bg39.jpg) no-repeat center bottom;*/ height:40px; line-height:40px; font-size:1.4em; margin-bottom:1%;}



.our_case .our_case_cont ul li .divDown .cont .p{ line-height:22px; margin-top:10px; text-align:left; display:none;}



.our_case .our_case_cont ul li:hover .divDown{ display:block;}



.our_case .our_case_cont .see_more{ text-align:center; padding-top:38px;}



.our_case .our_case_cont .see_more a{ display:inline-block; background:url(../images/bg38_2.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;}



.our_case .our_case_cont .see_more a span{ color:#fff; padding-right:25px; background:url(../images/bg37_2.png) no-repeat right center;}







/*.our_case .our_case_cont .see_more a{ display:inline-block; background:url(../images/bg38.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;}



.our_case .our_case_cont .see_more a span{ color:#555; padding-right:25px; background:url(../images/bg37.png) no-repeat right center;}



.our_case .our_case_cont .see_more a:hover{background:url(../images/bg38_2.png) no-repeat center top;}



.our_case .our_case_cont .see_more a:hover span{ background:url(../images/bg37_2.png) no-repeat right center; color:#fff;}*/







/*我们的客户*/







@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-top:30px; 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;}







/*我们的资讯*/



.our_news{}



.our_news .service_Title1 .more{ background:url(../images/bg50.png) no-repeat right center; display:inline-block; float:right; padding-right:60px; line-height:50px; font-size:1.5em; display:none;}



.our_news .divTitle .a_tab{ display:block; width:600px; float:left;}



.our_news .divTitle .a_tab p{ border:#000 3px solid; margin:0; text-align:center; line-height:60px;}



.our_news .divTitle .a_tab p span{ padding-left:33px; color:#555; font-size:1.667em;}



.our_news .divTitle .a_tab1 p span{ background:url(../images/bg46_2.jpg) no-repeat left center;}



.our_news .divTitle .a_tab2 p span{ background:url(../images/bg47.jpg) no-repeat left center;}



.our_news .divTitle .a_tab.on{ background:#000;}



.our_news .divTitle .a_tab1.on span{ background:url(../images/bg46.jpg) no-repeat left center; color:#fff;}



.our_news .divTitle .a_tab2.on span{ background:url(../images/bg47_2.jpg) no-repeat left center; color:#fff;}







.our_news .divBox{ width:100%; position:relative; overflow:hidden; height:604px;}



.our_news .box{ position:absolute; top:0; left:0; background:#fff; width:100%;}







.our_news .box .citylist .citys{  }



.our_news .box .citylist .citys ul{ }



.our_news .box .citylist .citys ul li{} 



.our_news .box .citylist .citys ul li.on,.our_news .box .citylist .citys ul li:hover{ }







.our_news .box .citylist .cityBan{}



.our_news .box .citylist .cityBan .newslistTop{ padding-top:47px;}



.our_news .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:250px; background:#fff; margin:0 auto; overflow:hidden; padding:0 10px; left:50%; margin-left:-135px;}



.our_news .box .citylist .cityBan .newslistTop .btn_prev,.our_news .box .citylist .cityBan .newslistTop .btn_next{ width:50px; height:50px; margin:0;}



.our_news .box .citylist .cityBan .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;}



.our_news .box .citylist .cityBan .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}



.our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo{ display:block; width:133px; height:34px; background:url(../images/chakanxiangxi.jpg) no-repeat center top; font-size:16px; line-height:34px; position:absolute; left:50%; top:7px; margin-left:-66.5px; text-align:center;}



.our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo:hover{ color:#fff; background-position:center bottom;}







.our_news .box .citylist .cityBan .newslistTop .div{  border-bottom:#f3f3f3 1px solid;}



.our_news .box .citylist .cityBan .newslistTop .div .NewsTopBan{ padding-bottom:10px;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px; padding-bottom:18px; border-bottom:1px solid #f3f3f3;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:124px;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:124px;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:1.333em; color:#ff6c00;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .p{ font-size:1.167em; color:#888; line-height:20px; margin:10px 0;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; float:right;}



.our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}



.our_news .box .citylist .cityBan .NewsTopBan ul li{ width:540px; height:133px; float:left; margin-right:120px; padding:18px 0; border-bottom:1px solid #f3f3f3; overflow:hidden;}



.our_news .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; height:72px; padding:14px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center; float:left;}



.our_news .box .citylist .cityBan .NewsTopBan ul li:hover .time{ background-position:center bottom; color:#fff;}



.our_news .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:4.667em; line-height:0.8;}



.our_news .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;}



.our_news .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:1; font-size:1.333em;}



.our_news .box .citylist .cityBan .NewsTopBan ul li p span{ display:block; line-height:20px; color:#888; font-size:1.167em; padding-top:6px;}



.our_news .box .citylist .cityBan .NewsTopBan ul li .more{ display:block; width:90px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; font-size:14px; margin-top:10px; float:right;}



.our_news .box .citylist .cityBan .NewsTopBan ul li .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}















/*我们的联络*/



.our_contact{ width:100%; overflow:hidden;}



.our_contact .brief{ text-align:center; font-size:14px; padding:30px 0;}



.our_contact .our_contact_cont { position:relative;}



.our_contact .our_contact_cont .our_contact_Ban{ width:100%; height:380px; overflow:hidden; position:relative;}



.our_contact .our_contact_cont .our_contact_Ban .prev,.our_contact .our_contact_cont .our_contact_Ban .next{ position:absolute; top:50%; display:inline-block; width:80px; height:80px; z-index:10; margin-top:-40px;}



.our_contact .our_contact_cont .our_contact_Ban .prev{ background:url(../images/bg54_2.png) no-repeat center top; left:20px;}



.our_contact .our_contact_cont .our_contact_Ban .prev:hover{ background:url(../images/bg54.png) no-repeat center top;}



.our_contact .our_contact_cont .our_contact_Ban .next{ background:url(../images/bg55.png) no-repeat center top; right:20px;}



.our_contact .our_contact_cont .our_contact_Ban .next:hover{ background:url(../images/bg55_2.png) no-repeat center top;}







.our_contact .our_contact_cont .our_contact_Ban .BanList{ width:100%; height:380px;}



.our_contact .our_contact_cont .our_contact_Ban .BanList ul li{ width:100%; height:380px;}







.our_contact .our_contact_cont .our_contact_phone{ position:absolute; top:0px; left:50%; margin-left:-231px; width:462px; height:380px; z-index:11;}



.our_contact .our_contact_cont .our_contact_phone .divCont{ background:#fff; border:#ff6c00 3px solid; border-top:0; padding:0 75px;  height:377px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email{ padding:10px 0;}



.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b,.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ display:block; text-align:center; color:#000; font-family:"Arial";}



.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b{ font-size:3.5em; line-height:1; color:#ff6c00;}



.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ text-align:center; font-size:1.33em;}



.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox{ width:296px; height:36px; border:#000 2px solid;overflow:hidden; margin-bottom:30px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_btn{ width:48px; height:36px; display:block; float:right; background:#000 url(../images/bg56.jpg) no-repeat center center;} 



.our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_ipu{ width:235px; height:36px; line-height:36px; padding:0px 0px 0px 10px; border:0px; background:none; color:#7E7E7E; float:left; font-size:1.167em; font-family:"微软雅黑";}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox{ height:70px; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid;  text-align:center;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .title{ display:inline-block; background:#fff; padding:0 10px; color:#000; font-size:1.167em; position:relative; top:-15px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jiathis_style_32x32{ position:relative; top:-10px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_tsina{ background:url(../images/bg62.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_weixin{ background:url(../images/bg57.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_qzone{ background:url(../images/bg58.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_douban{ background:url(../images/bg59.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_renren{ background:url(../images/bg60.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_jiathis{ background:url(../images/bg61.jpg) no-repeat !important; width:4px; height:40px !important; }







.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei{ padding:17px 0 0; overflow:hidden;}



.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone{ width:90px; padding-left:50px; float:left;}



.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin{ width:90px; padding-right:50px; float:right;}



.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone img,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin img{ width:90px; height:90px;}



.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone span,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin span{ display:block; text-align:center; line-height:30px;}







/*我们的联络*/



/*index*/







/*服务领域*/







.fast_nav{ width:60px; position:absolute; right:5px; top:50%; z-index:9999;}



.fast_nav li{ height:42px; padding-top:18px; border-bottom:1px solid #fff; background:url(../images/fast_bg_03.png) repeat; cursor:pointer; text-align:center; position:relative; color:#fff;}



.fast_nav .first{ background:url(../images/fase_first_03.png) no-repeat;}



.fast_nav .last{ background:url(../images/fase_last_03.png) no-repeat; border:none;}



.fast_nav li .hover{ height:60px; background:url(../images/fast_left_03.png) no-repeat left center; padding-left:22px; vertical-align:middle; position:absolute; right:0; top:0; overflow:hidden; width:140px; display:none; font-size:14px;}



.fast_nav li .hover img{ vertical-align:middle; float:left; padding-top:11px;}



.fast_nav li .hover .name{ float:right; height:60px; line-height:60px; background:#ff6c00; text-align:left; width:97px;}



.fast_nav li:hover .hover{ display:block;}







.fast_nav2 li .hover{ width:190px;}



.fast_nav2 li .hover .name{ width:147px;}











.official_website_bg{ width:100%; background:url(../images/bg30.jpg) no-repeat center bottom;}



.official_website_bg .official_website{ background:url(../images/bg35.png) no-repeat top left; width:860px; padding-left:43px;}







.official_website_bg{ position:relative;}



.official_website_bg .img{ position:absolute; left:50%; bottom:1px; width:1200px; margin-left:-600px;}



.official_website_bg .img img{ position:absolute; right:80px; bottom:0; width:700px;}



.official_website_bg .img2 img{ width:550px;}











.ServicesBox .divBox .title{ display:block; font-size:4em; color:#ff6c00; line-height:1; padding-top:28px;}



.ServicesBox .divBox .brief{ display:block; font-size:2em; color:#ff6c00;line-height:2;}



.ServicesBox .divBox .p{ font-size:1.167em; line-height:24px; margin-top:10px; text-indent:2em;}



.ServicesBox .divBox .see_more{ display:inline-block; width:135px; height:40px; background:url(../images/bg36.png) no-repeat center top; font-size:1.333em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;}



.ServicesBox .divBox .see_more:hover{ background:url(../images/bg36_2.png) no-repeat center top; color:#fff;}



.ServicesBox .divBox .caselist{ padding-top:40px; width:300px; overflow:hidden;}



.ServicesBox .divBox .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; }



.ServicesBox .divBox .caselist ul li{ float:left; width:148px; height:58px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; position:relative;}



.ServicesBox .divBox .caselist ul li img{width:148px; height:58px;}



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







/*.ServicesBox .divBox .caselist 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);}*/







.ServicesBox2 .divBox .title,.ServicesBox2 .divBox .brief{ text-align:right;}



.ServicesBox2 .divBox .span_more{ display:block; text-align:right;}



.ServicesBox2 .divBox .span_more .see_more{ padding-left:0; padding-right:45px;}



.ServicesBox2 .divBox .caselist{ width:448px; float:right;}







.online_store_bg{ width:100%; background:url(../images/bg31.jpg) no-repeat center center;}



.online_store_bg .online_store{ background:url(../images/bg37.png) no-repeat top right; width:610px; padding-right:40px; float:right;}







.Interactive_Marketing_bg{ width:100%; background:url(../images/bg32.jpg) no-repeat center center;}



.Interactive_Marketing_bg .Interactive_Marketing{ background:url(../images/bg38.png) no-repeat top left; width:365px; padding-left:45px;}



.Interactive_Marketing_bg .divBox .p{ color:#fff;}



.Interactive_Marketing_bg .divBox .see_more{ color:#fff;}



.Interactive_Marketing_bg .divBox .caselist ul{ border-top:#363c4f 1px solid; border-left:#363c4f 1px solid; }



.Interactive_Marketing_bg .divBox .caselist ul li{ border-bottom:#363c4f 1px solid; border-right:#363c4f 1px solid;  }







.Brand_Website_bg{ width:100%; background:url(../images/bg33.jpg) no-repeat center center;}



.Brand_Website_bg .Brand_Website{ background:url(../images/bg39.png) no-repeat top right; width:490px; padding-right:38px; float:right;}







.Industry_Portal_bg{ width:100%; background:url(../images/bg34.jpg) no-repeat center center;}



.Industry_Portal_bg .Industry_Portal{ width:440px; padding-left:45px; background:url(../images/bg41.png) no-repeat left top;}



.Industry_Portal_bg .divBox .caselist{ width:448px;}







.information_network_bg{width:100%; background:url(../images/bg35.jpg) no-repeat center center;}



.information_network_bg .information_network{background:url(../images/bg40.png) no-repeat top right; width:575px; padding-right:25px; float:right;}



/*服务领域*/







/*万户员工*/



.personnel_title { padding:25px 0; font-size:1.167em;}



.personnel_title img{}



.personnel_title .tit{ display:inline-block; font-size:1.714em; color:#222; margin:0 15px;}







.personnel_Box1{ padding-top:24px; padding-bottom:64px;}



.personnel_Box2{ background:#f7f7f7; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; padding-top:27px; padding-bottom:65px;}



.personnel_Box3{ padding-top:47px; padding-bottom:80px;}



/*员工风采*/



.Elegant_demeanor{ float:left; width:750px;}



.Elegant_demeanor_content { overflow:hidden;}



.Elegant_demeanor_content ul li{ border:#ddd 1px solid; float:left; margin-left:15px;}



.Elegant_demeanor_content ul li a{ cursor:default;}



.Elegant_demeanor_content ul li img{ padding:4px; padding-bottom:0;}



.Elegant_demeanor_content ul li span{ display:block; font-size:1.333em; color:#666; line-height:40px; padding-left:45px; padding-right:14px; background:url(../images/bg39.png) no-repeat 14px center;}



.Elegant_demeanor_content ul li span font{ display:block; text-align:center; background:url(../images/bg40.png) no-repeat right center; padding-right:30px;}



.Elegant_demeanor_content ul .picture_1{ margin-left:0;}



.Elegant_demeanor_content ul .picture_1 img{ width:296px; height:322px;}



.Elegant_demeanor_content ul .picture_1 span{ line-height:56px;}



.Elegant_demeanor_content ul .picture_2 { margin-bottom:15px;}



.Elegant_demeanor_content ul .picture_2 img{ width:419px; height:149px;}



.Elegant_demeanor_content ul .picture_2 span{ line-height:50px;}



.Elegant_demeanor_content ul .picture_3 font,.Elegant_demeanor_content ul .picture_4 font{width:116px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}



.Elegant_demeanor_content ul .picture_3 img,.Elegant_demeanor_content ul .picture_4 img{ width:197px; height:118px; }



.Elegant_demeanor_content ul li:hover{ border:#e44e49 1px solid;}



.Elegant_demeanor_content ul li:hover span{ background:#e44e49 url(../images/bg39_2.jpg) no-repeat 14px center; color:#fff; }



.Elegant_demeanor_content ul li:hover font{ background:#e44e49 url(../images/bg40_2.jpg) no-repeat right center; }







/*人才招聘*/



.Recruitment{ float:right; width:420px;}



.Recruitment .Recruitment_content{ border:#dddddd 1px solid;}



.Recruitment .Recruitment_content ul li{ padding:0 20px; }



.Recruitment .Recruitment_content ul li .p{ margin:0; border-bottom:#e8e8e8 1px dotted;overflow:hidden; padding:15px 0;}



.Recruitment .Recruitment_content ul li .img,.Recruitment .Recruitment_content ul li .img img{ width:50px; height:50px;}



.Recruitment .Recruitment_content ul li .img{ margin-left:17px; float:left;}



.Recruitment .Recruitment_content ul li .div_p{ width:290px; float:right;}



.Recruitment .Recruitment_content ul li .div_p .tit{ font-size:1.333em; color:#444;}



.Recruitment .Recruitment_content ul li .div_p .time{ display:block; color:#999;}



.Recruitment .Recruitment_content ul li:hover{ background:#6db6e1 url(../images/bg42.jpg) no-repeat center top;}



.Recruitment .Recruitment_content ul li:hover .p{ border-bottom:#6db6e1 1px solid;}



.Recruitment .Recruitment_content ul li:hover .div_p .tit,.Recruitment .Recruitment_content ul li:hover .div_p .time{ color:#fff;}







.Recruitment .Recruitment_content .more{ display:inline-block; width:163px; height:26px; color:#fff; background:url(../images/bg41.png) no-repeat left top; padding-top:8px; padding-left:25px; position:relative; left:-5px; bottom:10px;}







/*公司活动*/



.Company_Activities{ float:left;}



.Company_Activities_content{ padding:20px; border:#ddd 1px solid; overflow:hidden; background:#fff; width:710px;}



.Company_Activities_content .BanList{ float:left; width:285px; height:308px;}



.Company_Activities_content .BanList ul li,.Company_Activities_content .BanList ul li img{ width:285px; height:308px;}



.Company_Activities_content .BanList ul li{ display:none;}



.Company_Activities_content .TabList{ width:403px; float:right; padding-left:10px;}



.Company_Activities_content .TabList .List ul li{ padding-left:10px; border-bottom:#e8e8e8 1px dotted;}



.Company_Activities_content .TabList .List ul li a{ display:block; padding:0 20px;}



.Company_Activities_content .TabList .List ul li span{ display:block;}



.Company_Activities_content .TabList .List ul li .title{ font-size:1.333em; color:#666; line-height:60px;}



.Company_Activities_content .TabList .List ul li .brief{ display:none;}



.Company_Activities_content .TabList .List ul li:hover,.Company_Activities_content .TabList .List ul li.on{ background:url(../images/bg43.jpg) no-repeat 1px 27px; border-bottom:0;}



.Company_Activities_content .TabList .List ul li:hover a,.Company_Activities_content .TabList .List ul li.on a{ background:#ffa800;}



.Company_Activities_content .TabList .List ul li:hover .title,.Company_Activities_content .TabList .List ul li.on .title{ color:#fff;}



.Company_Activities_content .TabList .List ul li:hover .brief,.Company_Activities_content .TabList .List ul li.on .brief{ display:block; color:#ffdfb8; font-size:1.167em; line-height:22px; padding-bottom:20px;}







/*文体活动*/



.Sports_activities{border:#ddd 1px solid; float:right; width:420px; margin-top:81px; border-top:0; background:#fff url(../images/bg31.jpg) no-repeat center top;}



.Sports_activities .Sports_activities_content{ padding:25px 20px 15px 30px;}



.Sports_activities .Sports_activities_content .title{ font-size:2em; color:#ffa800;}



.Sports_activities .Sports_activities_content .cont { position:relative; padding:25px 0 16px;}



.Sports_activities .Sports_activities_content .cont .BanList ul li dl dt img{ width:170px; height:130px; float:right;}



.Sports_activities .Sports_activities_content .cont .BanList ul li dl{ color:#999; font-size:1.167em;}



.Sports_activities .Sports_activities_content .cont .BanList ul li dl dd{ margin:3px 0;}



.Sports_activities .Sports_activities_content .cont .BanList ul li dl dd font{ color:#666666;}



.Sports_activities .Sports_activities_content .cont .BanList ul li dl .p{ line-height:22px;}



.Sports_activities .Sports_activities_content .cont .TabList .List ul{ float:right; padding-right:40px; margin-top:5px;}



.Sports_activities .Sports_activities_content .cont .TabList .List ul li{ float:left; width:10px; height:10px; background:url(../images/bg32.jpg) no-repeat center center; margin:0 4px;}



.Sports_activities .Sports_activities_content .cont .TabList .List ul li.on{ background:url(../images/bg33.jpg) no-repeat center center;}



.Sports_activities .Sports_activities_content .cont .playState{ display:inline-block; width:24px; height:24px; background:url(../images/bg34.jpg) no-repeat center center; position:absolute; right:0; bottom:-4px;}



.Sports_activities .Sports_activities_content .cont .pauseState{background:url(../images/bg34_2.jpg) no-repeat center center;}







/*年会视频*/



.Annual_Video{ float:left; width:750px;}



.Annual_Video .videolist { position:relative;}



.Annual_Video .videolist .BanList{ border:#ddd 1px solid; padding:4px; float:left; width:570px; height:350px;}



.Annual_Video .videolist .TabList{ float:right;}



.Annual_Video .videolist .TabList ul li{ margin-bottom:15px; padding-left:6px;}



.Annual_Video .videolist .TabList ul li a{ border:#ddd 1px solid; padding:4px; display:block; position:relative;}



.Annual_Video .videolist .TabList ul li a,.Annual_Video .videolist .TabList ul li a img,.Annual_Video .videolist .TabList ul li a .span{ width:150px; height:97px;}



.Annual_Video .videolist .TabList ul li a .span{ display:block; position:absolute; left:4px; top:4px; background:url(../images/bg45.png) repeat left top;}



.Annual_Video .videolist .TabList ul li.on{ background:url(../images/bg48.jpg) no-repeat left top;}



.Annual_Video .videolist .TabList ul li.on a{ border:0; padding:5px;}



.Annual_Video .videolist .TabList ul li.on a .span{ display:none;}







.Annual_Video .videolist .prev,.Annual_Video .videolist .next{ display:block; width:39px; height:39px; position:absolute; bottom:0px; z-index:10;}



.Annual_Video .videolist .prev{ background:url(../images/bg46.png) no-repeat center center; right:39px;}



.Annual_Video .videolist .next{ background:url(../images/bg47.png) no-repeat center center; right:0px;}











/*2014年会*/



.Annual_Meeting {width:420px; float:right;}



.Annual_Meeting .Annual_Meeting_content img{ width:420px; height:360px;}







/*办公室生活、室外生活*/



.divlife{ margin-top:70px;}



.divlife_tab .a_tab{ float:left; display:inline-block; width:150px; text-align:center; color:#222; border:#c9c9c9 1px solid; border-bottom:0; line-height:53px; font-size:1.667em; background:#f0f0f0;}



.divlife_tab .a_tab.on{ background:none; border-top:#717479 2px solid; line-height:51px;}



.divlife_Content .box{ height:200px; padding:23px 0; display:none;}



.divlife_Content .box ul li{ float:left; width:220px; height:200px; margin-right:25px;}



.divlife_Content .box ul li img{ width:220px; height:200px;}



.divlife_Content .box ul li:hover img{ border:#e44e49 3px solid; width:214px; height:194px;}



/*万户员工*/







/*人才招聘*/



.backgroung5{ background:#fff url(../images/bg31.jpg) no-repeat center top; width:100%; }







.Recruitment_title span{ display:block;}



.Recruitment_title .cn{ font-size:3.75em; color:#000; line-height:70px;}



.Recruitment_title .en{ font-size:3.33em; color:#6db5ef; font-weight:bold; line-height:70px; text-transform:uppercase;}



.Recruitment_title .span_line{ width:79px; height:3px; background:#72baf5;}







.divRecruitment{ padding-top:70px; padding-bottom:90px;}



.divRecruitment_content{ width:100%; background:url(../images/bg32.png) no-repeat center top; padding:3px; margin-top:41px;}



.divRecruitment_content .jobsList{}



.divRecruitment_content .jobsList ul li{ background:#fff;}



.divRecruitment_content .jobsList ul li span{ display:inline-block; line-height:55px; text-align:center; color:#777; font-size:1.167em;}



.divRecruitment_content .jobsList ul li.title{/* background:#78bdf6;*/ line-height:52px;}



.divRecruitment_content .jobsList ul li.title span{ font-size:1.333em;  color:#fff; font-weight:bold;  text-align:center;}



.divRecruitment_content .jobsList ul li .span1{ width:400px; padding-left:80px; text-align:left; font-weight:bold; cursor:pointer;}



.divRecruitment_content .jobsList ul li .fast{ background:url(../images/bg30.png) no-repeat 25px center;}



.divRecruitment_content .jobsList ul li .span2{ width:120px;}



.divRecruitment_content .jobsList ul li .span3{ width:280px;}



.divRecruitment_content .jobsList ul li .span4{ width:150px;}



.divRecruitment_content .jobsList ul li .span5{ width:150px;}



.divRecruitment_content .jobsList #wrapper{ height:555px;}







.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,.Candidates_Address .MapList .TabList ul li .cont p{ font-size:1.167em; color:#fff;padding: 0px;margin: 0px;}



.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; }







/*人才招聘*/







/*质量管理*/



.divQuality{font-size: 14px; line-height: 30px; padding: 0px 15px;}



/*质量管理*/















/*建站优势*/



.station_ban{ height:420px;}







.station_fixed a{ color:#fff;}



.station_fixed li{ list-style:none;}



/*.station_fixed a{ display:block; width:140px; height:52px; background:url(../images/station_fixed_bg.png) no-repeat left top; font-size:18px; text-align:center; color:#fff; line-height:52px; margin:1px 0;}



.station_fixed a:hover{ background-position:left bottom;}*/











.station_nav{ padding:29px 0; text-align:center; position:relative;}



.station_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;}



.station_nav ul li{ display:inline-block; background:#fff; padding:0 4px;}



.station_nav ul li a{ display:block; width:200px; height:50px; background:url(../images/station22.png) no-repeat center top; font-size:18px; color:#fff; line-height:50px;}



.station_nav ul li a:hover,.station_nav ul li.on a{ background-position:center bottom; font-weight:bold;}







.station_nav_bg{ height:1px; position:absolute; left:0; top:50%; width:100%; background:#e6e6e6; z-index:1;}















.station{ margin:28px auto 80px; width:1200px; overflow:hidden;}



.station .station_title{ text-align:center; font-size:48px; line-height:117px; color:#31548e; padding-bottom:27px;}



.station .station_list{ height:650px; background:url(../images/station_bg.jpg) no-repeat center top; position:relative;}



.station .station_list li{ position:absolute;}



.station .station_list li a{ font-size:18px; line-height:24px; font-weight:bold; color:#31548e;}



.station .station_list li a:hover{ color:#f69803;}



.station .station_list li dl{ overflow:hidden; padding-top:10px; line-height:20px;}



.station .station_list li dt{ float:left; padding:0 15px 0 10px; background:url(../images/station_list_dt_03.jpg) no-repeat left center;}







.station .station_list .li1{ top:14px; left:474px; width:293px;}



.station .station_list .li1 dt{ width:116px;}







.station .station_list .li2{ left:56px; top:61px; width:284px;}



.station .station_list .li2 dt{ width:116px;}







.station .station_list .li3{ top:65px; width:217px;}



.station .station_list .li3 dt{ width:116px; float:right;}







.station .station_list .li4{ top:220px; width:273px;}



.station .station_list .li4 dt{ width:210px;}







.station .station_list .li5{ top:226px; width:273px;}







.station .station_list .li6{ top:377px; width:220px;}



.station .station_list .li6 dt{ width:84px;}







.station .station_list .li7{ top:387px; width:300px;}



.station .station_list .li7 dt{ width:124px;}







.station .station_list .li8{ top:570px; width:330px;}



.station .station_list .li8 dt{ width:86px;}







.station .station_list .li9{ top:590px; width:220px;}







.station .station_list .li2,.station .station_list .li4,.station .station_list .li6,.station .station_list .li8{ left:56px;}



.station .station_list .li3,.station .station_list .li5,.station .station_list .li7,.station .station_list .li9{ text-align:right; right:57px;}



.station .station_list .li3 dt,.station .station_list .li5 dt,.station .station_list .li7 dt,.station .station_list .li9 dt{ padding:0 10px 0 15px; text-align:right; background-position:right center;}







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



.station_info_ban{ height:250px;}







.station_info_title{ padding:62px 0 55px; font-size:48px; color:#000; text-align:center;}







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



.station1 .list li{ float:left; border:1px solid #e6e6e6; border-radius:2px; width:511px; padding:40px 35px 0 27px; height:148px; margin:0 40px 38px 0;}



.station1 .list li .img{ float:left; width:70px; height:69px;}



.station1 .list li .img img{ width:70px; height:69px;}



.station1 .list li .txt{ float:right; width:410px; line-height:28px; font-size:14px;}



.station1 .list li .txt b{ font-size:22px; color:#ffa800; font-weight:normal; display:block;}







.station1 .list li.li2,.station1 .list li.li4{ margin-right:0;}







.station2{ width:1200px; margin:0 auto; font-size:14px; line-height:28px;}



.station2 b.b{ color:#ffa800; font-size:16px;}



.station2 .list{ overflow:hidden; padding-bottom:30px;}



.station2 .list a{ float:left; width:118px; height:58px; border:1px solid #e8e8e8; margin:0 10px 10px 0;}







.station3{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;}



.station3 .list{ overflow:hidden;}



.station3 .list li{ float:left; width:333px; text-align:center; background:url(../images/station3_bg_03.png) no-repeat right center;}



.station3 .list .title{ padding:24px 0 14px; color:#ffa800; font-size:22px;}



.station3 .list .txt{ text-align:left;}



.station3 .list .li1{ padding-right:50px;}



.station3 .list .li2{ padding:0 50px;}



.station3 .list .li3{ padding-left:50px; background:none;}







.station4{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;}



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







.station5{ width:1140px; margin:0 auto 80px; font-size:14px; line-height:28px;}



.station5 b.b{ color:#ffa800; font-size:22px; display:block; font-weight:normal;}







.station6{ font-size:14px; line-height:28px; padding-bottom:70px;}



.station6 .con{ width:1140px; margin:0 auto;}



.station6 b.b{ font-size:24px; color:#ffa800; font-weight:normal;}



.station6 .con2_bg{ background:#f5f6f7; margin:20px 0;}



.station6 .con2{ padding:25px 0;}



.station6 .con2 .list li{ float:left; width:308px; height:136px; border-radius:5px; border:1px solid #e5e5e5; padding:30px 24px 0; margin:0 0 25px 33px;}



.station6 .con2 .list b{ color:#31548e;}



.station6 .con2 .list .li1{ margin-left:0;}



.station6 .con3 strong.b{ font-size:16px; color:#31548e;}







.station7{ width:1140px; margin:0 auto; font-size:14px;}



.station7 .list{ padding-top:60px;}



.station7 .list li{ float:left; background:url(../images/station3_bg_03.png) no-repeat left center;}



.station7 .list li.li1{ background:none; width:250px;}



.station7 .list li.li2{ padding-left:78px; width:280px;}



.station7 .list li.li3{ padding-left:69px; width:204px;}



.station7 .list li.li4{ padding-left:75px; width:183px;}



.station7 .list .title{ font-size:22px; color:#ffa800; padding-bottom:25px;}



.station7 .list dt{ line-height:30px;}







.station8{ width:1140px; margin:0 auto 20px; font-size:14px; line-height:28px;}



.station8 .list{ padding-top:35px; font-size:16px;}



.station8 .list li{ float:left; width:242px; text-align:center; margin:0 57px 30px 0;}



.station8 .list li img{ border:3px solid #e8e8e8;}











.site_revision{ padding-bottom:70px; width:1200px; margin:0 auto;}



.site_revision_tab{ overflow:hidden;}



.site_revision_tab li{ float:left; width:117px; padding-right:16px;}



.site_revision_tab li a{ display:block; width:117px; height:117px; background:url(../images/site_revision_tabbg.jpg) no-repeat center top;}



.site_revision_tab li:hover a,.site_revision_tab .onmenu a{ background-position:center bottom;}



.site_revision_tab li span{ display:block; font-size:14px; line-height:20px; padding:12px 0 0 12px;}



.site_revision_tab li:hover span,.site_revision_tab .onmenu{ color:#ca9a07; font-weight:bold;}







.site_revision_title{ text-align:center; padding:67px 0 36px; font-size:48px;}







.site_revision_list{ width:1180px; overflow:hidden; margin:0 auto; color:#fff;}



.site_revision_list .l{ width:73px; height:417px; background:#b25d16; font-size:31px; font-weight:bold; line-height:40px; text-align:center; padding-top:80px; float:left;}



.site_revision_list .ul{ float:left; width:1107px; height:497px;}







.site_revision_list .ul .li .div{ text-align:center; padding-top:47px; width:72px; font-size:18px; position:absolute; left:0; top:0; line-height:18px; cursor:pointer; height:450px; z-index:2;}



.site_revision_list .ul .li .div img{ margin-bottom:20px;}



.site_revision_list .ul .li{ padding:50px 0 0; width:72px; height:447px; position:relative; font-size:18px; line-height:32px; float:left;}



.site_revision_list .ul .num{ font-size:132px; position:absolute; left:0; bottom:0; line-height:104px; opacity:0.2; filter:alpha(opacity=20); width:72px; text-align:center;}



.site_revision_list .ul .txt{ display:none;}



.site_revision_list .ul .on .div{ display:none;}



.site_revision_list .ul .li .td1{ width:175px; padding:0 30px 0 35px;}



.site_revision_list .ul .li .td2{ width:490px;}



.site_revision_list .ul .li .title{ font-size:31px; font-weight:bold; line-height:38px;}



.site_revision_list .ul .li .title span{ display:block; font-size:24px; padding-bottom:10px;}







.site_revision_list .ul .on .txt{ display:block;}







.site_revision_list .ul .li1{ background:#f58700; width:815px;}



.site_revision_list .ul .li2{ background:#dfb406;}



.site_revision_list .ul .li3{ background:#5a8905;}



.site_revision_list .ul .li4{ background:#4097a0;}



.site_revision_list .ul .li5{ background:#2178a3;}







.whole_ban{ height:460px;}







.whole{ font-size:14px; line-height:24px;}







.whole .title{ font-size:48px; position:relative; text-align:center; font-weight:bold; padding-top:45px;}



.whole .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-size:30px;}



.whole .title em{ display:inline-block; width:79px; height:3px;}







.whole .con1_bg{ height:1166px; position:relative;/* background:url(../images/whole_con1_bg.jpg) no-repeat center bottom;*/ background:#fff; height:685px; background:url(../images/whole_bg1_03.jpg) no-repeat center bottom;}



.whole .con1_bg .con1{ width:1200px; margin:0 auto; height:605px; position:relative;}



.whole .con1_bg .con1 .title b{ color:#adda4c; font-family:arial;}



.whole .con1_bg .con1 .title em{ background:#ffa800;}



.whole .con1_bg .con1 .txt{ padding-top:34px; color:#555557; width:900px; margin:0 auto; text-align:center;}



.whole .con1_bg .con1 .list{ /* background:url(../images/whole_con1_listbg_03.jpg) no-repeat center center;*/ width:900px; padding-top:43px; margin:0 auto; position:relative;}



.whole .con1_bg .con1 .list ul{ position:absolute; left:600px; top:60px; width:440px;}



.whole .con1_bg .con1 .list li{ padding-bottom:37px;}



.whole .con1_bg .con1 .list li .t{ font-size:24px; font-size:24px; padding-top:5px;}



.whole .con1_bg .con1 .list li b.l{ color:#ff6c00; /*text-shadow:1px 1px 0px #78bd21;*/ padding-right:4px;}



.whole .con1_bg .con1 .list li b.r{ color:#000; /*text-shadow:1px 1px 0px #a6a6a7;*/ padding-left:4px; font-family:arial;}



.whole .con1_bg .con1 .list li p{ margin:0; font-size:12px; line-height:18px; /*text-shadow:1px 1px 0px #a3d146;*/}











.whole .con2_bg{ height:650px; background:url(../images/whole_bg2_02.jpg) no-repeat center bottom;}



.whole .con2_bg .con1{ height:650px; position:relative; width:1200px; margin:0 auto;}



.whole .con2_bg .con1 .title{ color:#fff; padding-top:90px;}



.whole .con2_bg .con1 .title b{ color:#516e7d;}



.whole .con2_bg .con1 .title em{ background:#4195d4;}



.whole .con2_bg .con1 .txt{ float:right; width:541px; padding:65px 34px 0 0; color:#a6a6a7; font-size:14px; line-height:24px; height:326px; background:url(../images/whole_bg3_03.png) no-repeat right top; color:#a8c1cc; margin-top:80px;}



.whole .con2_bg .con1 .txt .div1{ font-size:36px; color:#ff7d1e; text-align:right; line-height:1em;}



.whole .con2_bg .con1 .txt .div2{ font-size:18px; color:#ff7d1e; text-align:right; line-height:1em; padding:15px 0;}







.whole .con2_bg .con1 .img{ position:absolute; left:-59px; bottom:-12px;}







.whole .con3_bg{ height:660px; background:url(../images/whole_bg3.jpg) no-repeat center center;} 







.whole .con3_bg .con{ width:1200px; margin:0 auto; height:660px; position:relative;}



.whole .con3_bg .con .title{ padding-top:82px; color:#000;}



.whole .con3_bg .con .title b{ color:#cacaca;}



.whole .con3_bg .con .txt{ position:absolute; left:168px; top:246px; width:546px; font-size:14px; line-height:30px; display:none;}



.whole .con3_bg .con .txt .div1{ color:#ff7d1e; font-size:36px; line-height:1em; padding-bottom:10px;}







.whole .con3_bg .con .list{ position:absolute; left:0; bottom:0; width:100%; height:189px;}







.whole .con3_bg .con .list li{ position:absolute; font-size:14px; color:#884800; text-align:center; cursor:pointer;}



.whole .con3_bg .con .list li span{ display:block; height:80px; margin-bottom:15px;}







.whole .con3_bg .con .list .li3 span{ height:100px;}







.whole .con3_bg .con .list .li1{ left:104px; top:50px;}



.whole .con3_bg .con .list .li1.li span,.whole .con3_bg .con .list .li1:hover span{ background:url(../images/whole_icon1.png) no-repeat center top;}







.whole .con3_bg .con .list .li2{ left:328px; top:20px;}



.whole .con3_bg .con .list .li2.li span,.whole .con3_bg .con .list .li2:hover span{ background:url(../images/whole_icon2.png) no-repeat center top;}







.whole .con3_bg .con .list .li3{ left:536px; top:0;}



.whole .con3_bg .con .list .li3.li span,.whole .con3_bg .con .list .li3:hover span{ background:url(../images/whole_icon3.png) no-repeat center top;}







.whole .con3_bg .con .list .li4{ right:326px; top:20px;}



.whole .con3_bg .con .list .li4.li span,.whole .con3_bg .con .list .li4:hover span{ background:url(../images/whole_icon4.png) no-repeat center top;}







.whole .con3_bg .con .list .li5{ right:108px; top:50px;}



.whole .con3_bg .con .list .li5.li span,.whole .con3_bg .con .list .li5:hover span{ background:url(../images/whole_icon5.png) no-repeat center top;}











.micro_ban{ height:517px;}







.micro_bg{ background:url(../images/micro_bg.jpg) no-repeat center top; height:4141px;}







.micro .title{ font-size:48px; color:#000; position:relative;}



.micro .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-family:arial; font-size:36px;}



.micro .title em{ display:inline-block; width:79px; height:3px;}







.micro{ width:1200px; margin:0 auto; padding-top:115px; font-size:16px; line-height:32px;}



.micro .con1{ height:506px;}



.micro .con1 .txt{ float:left; width:606px; color:#fff;}



.micro .con1 .txt b{ font-size:18px;}



.micro .con1 .img{ float:right;}







.micro .con2{ position:relative; height:725px;}



.micro .con2 .img{ position:absolute; left:-105px; top:0;}



.micro .con2 .img img{ display:none;}



.micro .con2 .img .img1{ display:block}



.micro .con2 .txt{ float:right; text-align:right; color:#aaa;}



.micro .con2 .txt .title b{ color:#eba62a;}



.micro .con2 .txt .title em{ background:#eba62a;}



.micro .con2 .list{ position:absolute; right:0; bottom:54px; height:400px; width:734px;}



.micro .con2 .list .ul{ position:absolute; right:0; bottom:0; height:171px; z-index:3; background:url(../images/micro_img3.jpg) no-repeat;}



.micro .con2 .list .ul li{ float:left; width:150px; height:171px; cursor:pointer; position:relative;}



.micro .con2 .list .ul li i{ display:none; width:26px; height:19px; position:absolute; left:50%; top:-30px; background:url(../images/micro_con2_jt.jpg) no-repeat; text-indent:999px; overflow:hidden;}



.micro .con2 .list .ul .li i{ display:block;}







.micro .con2 .list .text{ position:absolute; left:0; bottom:200px; border:1px solid #e8cd78; padding:25px 50px; border-radius:5px; line-height:32px; color:#e1bc3f; text-align:center; background:#fff; display:none;}







.micro .con3{ padding-top:140px; height:1575px; position:relative;}



.micro .con3 .t .title b{ color:#a0d540;}



.micro .con3 .t .title em{ background:#a0d540;}



.micro .con3 .t .txt{ color:#aaa; line-height:26px; width:680px; padding-top:33px;}



.micro .con3 .t .txt span{ color:#a0d540;}







.micro .con3 .t .list{ overflow:hidden; position:relative;}



.micro .con3 .t .list .ul li{ float:left; margin:110px 34px 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/micro_icon.png) no-repeat left top; cursor:pointer; color:#91d637;}



.micro .con3 .t .list .ul li:hover{ color:#fff;}







.micro .con3 .t .list .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;}







.micro .con3 .t .list .ul .li i{ display:block;}







.micro .con3 .t .list .ul .li2 i{ border-color:#ef972c transparent transparent transparent;}



.micro .con3 .t .list .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}



.micro .con3 .t .list .ul .li4 i{ border-color:#d7644d transparent transparent transparent;}



.micro .con3 .t .list .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;}



.micro .con3 .t .list .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}



.micro .con3 .t .list .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}



.micro .con3 .t .list .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}







.micro .con3 .t .list .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}



.micro .con3 .t .list .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}











.micro .con3 .t .list .ul .li2{ background-position:-120px top; color:#ef972c;}



.micro .con3 .t .list .ul .li3{ background-position:-240px top; color:#4dd2d7;}



.micro .con3 .t .list .ul .li4{ background-position:-360px top; color:#d7644d;}



.micro .con3 .t .list .ul .li5{ background-position:-480px top; color:#da62c1;}



.micro .con3 .t .list .ul .li6{ background-position:-600px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li7{ background-position:-720px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li8{ background-position:-840px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li9{ background-position:-960px top; color:#d95ec0;}



.micro .con3 .t .list .ul .li10{ background-position:-1080px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li11{ background-position:-1200px top; color:#bfcf3e;}



.micro .con3 .t .list .ul .li12{ background-position:-1320px top; color:#4dd78e;}



.micro .con3 .t .list .ul .li13{ background-position:-1440px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li14{ background-position:-1560px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li15{ background-position:-1680px top; color:#4d9cd7;}



.micro .con3 .t .list .ul .li16{ background-position:-1800px top; color:#4d9cd7;}







.micro .con3 .t .list .ul .li1:hover{ background-position:left bottom;}



.micro .con3 .t .list .ul .li2:hover{ background-position:-120px bottom;}



.micro .con3 .t .list .ul .li3:hover{ background-position:-240px bottom;}



.micro .con3 .t .list .ul .li4:hover{ background-position:-360px bottom;}



.micro .con3 .t .list .ul .li5:hover{ background-position:-480px bottom;}



.micro .con3 .t .list .ul .li6:hover{ background-position:-600px bottom;}



.micro .con3 .t .list .ul .li7:hover{ background-position:-720px bottom;}



.micro .con3 .t .list .ul .li8:hover{ background-position:-840px bottom;}



.micro .con3 .t .list .ul .li9:hover{ background-position:-960px bottom;}



.micro .con3 .t .list .ul .li10:hover{ background-position:-1080px bottom;}



.micro .con3 .t .list .ul .li11:hover{ background-position:-1200px bottom;}



.micro .con3 .t .list .ul .li12:hover{ background-position:-1320px bottom;}



.micro .con3 .t .list .ul .li13:hover{ background-position:-1440px bottom;}



.micro .con3 .t .list .ul .li14:hover{ background-position:-1560px bottom;}



.micro .con3 .t .list .ul .li15:hover{ background-position:-1680px bottom;}



.micro .con3 .t .list .ul .li16:hover{ background-position:-1800px bottom;}







.micro .con3 .t .list .list_txt{ position:absolute; left:40px; top:270px;}



.micro .con3 .t .list .list_txt li{ display:none; font-size:14px; color:#91d637;}



.micro .con3 .t .list .list_txt .li2{ color:#ef972c;}



.micro .con3 .t .list .list_txt .li3{ color:#4dd2d7;}



.micro .con3 .t .list .list_txt .li4{ color:#d7644d;}



.micro .con3 .t .list .list_txt .li5{ color:#da62c1;}



.micro .con3 .t .list .list_txt .li6{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li7{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li8{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li9{ color:#d95ec0;}



.micro .con3 .t .list .list_txt .li10{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li11{ color:#bfcf3e;}



.micro .con3 .t .list .list_txt .li12{ color:#4dd78e;}



.micro .con3 .t .list .list_txt .li13{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li14{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li15{ color:#4d9cd7;}



.micro .con3 .t .list .list_txt .li16{ color:#4d9cd7;}







.micro .con3 .t .btn{ display:block; width:342px; height:54px; line-height:54px; text-align:center; background:#a0d540; color:#fff; margin-top:74px; border-radius:5px;}











.micro .con3 .b{ padding-top:80px; height:580px; position:relative;}



.micro .con3 .b .title{ text-align:right;}



.micro .con3 .b .title em{ background:#fff;}



.micro .con3 .b .txt{ float:right; width:820px; text-align:right; color:#fff; line-height:26px; padding-top:30px;}



.micro .con3 .b .list{ position:absolute; left:0; bottom:90px;}



.micro .con3 .b .list ul{ position:absolute; left:0; top:0; padding-top:36px; color:#fff; width:100%;}



.micro .con3 .b .list li{ float:left; width:226px; margin-left:17px; text-align:center; line-height:22px;}



.micro .con3 .b .list li.li1{ margin:0;}











.micro .con4{ padding-top:19px;}



.micro .con4 .title b{ color:#4d9cd7;}



.micro .con4 .title em{ background:#4d9cd7;}







.micro .con4 .btn{ display:block; width:182px; height:54px; line-height:54px; text-align:center; color:#fff; background:#4d9cd7; margin-top:40px; border-radius:5px; margin:30px auto 0;}







.micro .con4 .list{ padding-top:35px; position:relative;}



.micro .con4 .list li{ float:left; margin-left:26px; width:206px; padding-top:68px;}



.micro .con4 .list .li{ width:216px; height:382px; padding:60px 16px 77px 17px; background:url(../images/micro_mobilebg.png) no-repeat;}



.micro .con4 .list .li img{ width:216px; height:382px;}



.micro .con4 .tab{ position:relative; margin-top:25px;}



.micro .con4 .tab .bd{ padding-top:20px;}



.micro .con4 .tab .bd .tempWrap{ padding-top:16px !important;}



.micro .con4 .tab .bd ul{ overflow:visible !important; text-align:center;}



.micro .con4 .tab .bd li{ display:inline-block; width:118px; height:118px; border:1px solid #eee; border-radius:4px; margin:0 55px; position:relative;}



.micro .con4 .tab .bd li img{ widows:116px; height:116px; border:1px solid #fff;}



.micro .con4 .tab .bd li i{ display:none; width:15px; height:18px; position:absolute; left:50%; top:-16px; background:url(../images/micro_jt.png) no-repeat; margin-left:-7px;}



.micro .con4 .tab .bd .on{ border-color:#4d9cd7;}



.micro .con4 .tab .bd .on i{ display:block;}



.micro .con4 .tab .bd .on img{ border-color:#4d9cd7;}



.micro .con4 .tab .prev,.micro .con4 .tab .next{ display:block; width:47px; height:49px; position:absolute; top:50%; margin-top:-25px;}



.micro .con4 .tab .prev{ left:-77px; background:url(../images/micro_prev.jpg) no-repeat;}



.micro .con4 .tab .next{ right:-77px; background:url(../images/micro_next.png) no-repeat;}











.mobile_station_ban{ height:518px;}







.mobile_station .con{ width:1200px; margin:0 auto; height:750px; position:relative; font-size:14px; line-height:22px;}







.mobile_station .title{ font-size:48px; padding:70px 0 65px; text-align:center;}



.mobile_station .title em{ display:inline-block; width:88px; height:3px; position:relative; top:20px;}







.mobile_station .con1_bg{ background:#f7f7f7;}



.mobile_station .con1 .txt{ float:left; width:585px; padding-top:185px; font-size:14px; line-height:30px;}



.mobile_station .con1 .txt .t{ font-size:48px; color:#ffa800; line-height:1em; padding-bottom:80px;}



.mobile_station .con1 .txt .b{ padding-top:30px;}







.mobile_station .con1 .img{ float:right; padding-top:88px;}







.mobile_station .con2_bg{ background:url(../images/mobile_station_bg2.jpg) no-repeat center center; color:#fff;}



.mobile_station .con2_bg .title em{ background:#fff;}







.mobile_station .con2 .list{ padding-top:60px;}



.mobile_station .con2 .list li{ float:left; width:260px; padding:50px 60px 0 80px; height:160px;}



.mobile_station .con2 .list .t{ font-size:24px; color:#ffa800; text-align:center; padding-bottom:10px;}







.mobile_station .con3_bg{ background:#f7f7f7;}



.mobile_station .con3 .title{ color:#404040;}



.mobile_station .con3 .title em{ background:#404040;}



.mobile_station .con3 .list{ width:1200px; height:505px; background:url(../images/mobile_station_bg3.jpg) no-repeat center center; position:relative;}



.mobile_station .con3 .list li{ position:absolute; font-size:13px; color:#666;}



.mobile_station .con3 .list li .t{ font-size:24px; color:#30548e; padding-bottom:10px;}







.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li3{ left:34px;}



.mobile_station .con3 .list li.li4,.mobile_station .con3 .list li.li5,.mobile_station .con3 .list li.li6{ right:33px; text-align:right;}



.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li4{ top:72px;}



.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li5{ top:248px;}



.mobile_station .con3 .list li.li3,.mobile_station .con3 .list li.li6{ top:427px;}







.mobile_station .con4_bg{ background:#feac0e url(../images/mobile_station_bg4.jpg) no-repeat center center;}



.mobile_station .con4 .img{ position:absolute; left:0; top:167px;}



.mobile_station .con4 .txt{ float:right; width:774px; font-size:24px; line-height:36px; color:#2b1c00; padding-top:180px;}



.mobile_station .con4 .txt .t{ font-size:48px; color:#fff; padding-bottom:45px;}







.mobile_station .con5{ background:url(../images/mobile_station_bg5.jpg) no-repeat right 167px;}







.mobile_station .con5 .txt{ padding-top:185px; width:1000px;}



.mobile_station .con5 .txt .t{ font-size:48px; color:#ffa800; padding-bottom:70px;}



.mobile_station .con5 .txt li{ float:left; width:322px; padding-left:31px; font-size:16px; line-height:34px; height:34px; color:#333; background:url(../images/mobile_station_libg_03.jpg) no-repeat left center;}



.mobile_station .con5 .txt li.li{ background:none;}







.mobile_station .con6_bg{ background:#ffa800;}



.mobile_station .con6 .title{ color:#fff;}



.mobile_station .con6 .title em{ background:#fff;}



.mobile_station .con6 .box{ height:520px; position:relative;}



.mobile_station .con6 .box .prev,.mobile_station .con6 .box .next{ display:block; width:48px; height:74px; position:absolute; top:200px;}



.mobile_station .con6 .box .prev{ background:url(../images/mobile_station_prev.jpg) no-repeat; left:-58px;}



.mobile_station .con6 .box .next{ background:url(../images/mobile_station_next.jpg) no-repeat; right:-58px;}



.mobile_station .con6 .box .bd{ overflow:hidden;}



.mobile_station .con6 .box .bd li{ float:left; width:240px; text-align:center; margin-right:80px;}



.mobile_station .con6 .box .bd li .img{ width:200px; height:358px; padding:53px 19px 47px 21px; background:url(../images/mobile_station_libg2.jpg) no-repeat center center; margin-bottom:15px;}



.mobile_station .con6 .box .bd li .name{ font-size:16px; font-weight:bold; color:#4c3300;}











/*建站优势*/







/*技术开发*/



.technology_ban{ height:518px}



.technology{ position:relative; margin:55px auto; width:1200px; height:890px; font-size:14px;}



.technology .technology_s{ height:890px; width:9px; position:absolute; left:50%; margin-left:-4.5px; background:url(../images/technology_s.png) no-repeat; z-index:4;}



.technology .technology_h{ width:1200px; height:9px; position:absolute; left:0; top:50%; margin-top:-4.5px; background:url(../images/technology_h.png) no-repeat; z-index:5;}



.technology .technology_c{ width:415px; height:415px; position:absolute; left:50%; top:50%; margin:-207.5px 0 0 -207.5px; background:url(../images/technology_c.png) no-repeat; z-index:6;}



.technology .technology_c_hover{ width:392px; height:392px; padding:10px; background:url(../images/technology_c_hover.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-206px 0 0 -206px; z-index:7; display:none; text-align:center;}



.technology .technology_c_hover .txt{ padding-top:210px; color:#fff; line-height:22px; height:130px;}



.technology .technology_c_hover .more{ display:block; width:131px; height:30px; text-align:center; line-height:30px; margin:0 auto; overflow:hidden; text-indent:999px;}







.technology .con{ float:left; width:598px; height:443px; border:1px solid #e8e8e6; position:relative; z-index:3; background:#f5f5f5; color:#333;}



.technology .con .more{ display:block; width:131px; height:30px; position:absolute; background:url(../images/technology_more.png) no-repeat; display:none;}



.technology .con .t{ position:absolute; font-size:20px;}



.technology .con .txt{ line-height:22px; position:absolute;}



.technology .con .img{ position:absolute;}



.technology .con .list{ position:absolute; line-height:30px;}



.technology .con .list li{ height:30px; padding-left:40px; background:url(../images/technology_listbg.png) no-repeat left top;}



.technology .con:hover .t{ color:#fff;}



.technology .con:hover .list li{ background-position:left bottom;}



.technology .con:hover .more{ display:block;}







.technology .con1 .t{ color:#459ee6; top:33px; left:40px;}



.technology .con2 .t{ color:#1fc072; top:33px; right:40px; text-align:right;}



.technology .con3 .t{ color:#9423ca; left:40px; top:290px;}



.technology .con4 .t{ color:#eb601a; right:40px; top:290px; text-align:right;}







.technology .con1 .txt{ top:85px; left:40px; width:490px;}



.technology .con2 .txt{ top:85px; right:40px; text-align:right; width:510px;}



.technology .con3 .txt{ top:340px; right:40px; width:517px;}



.technology .con4 .txt{ top:340px; right:40px; text-align:right; width:496px;}







.technology .con1 .img{ top:272px; left:40px;}



.technology .con2 .img{ top:218px; right:-5px;}



.technology .con3 .img{ top:62px; left:0px;}



.technology .con4 .img{ top:74px; right:28px;}







.technology .con1:hover{ background:#3e8dd0; color:#fff; border-color:#3e8dd0;}



.technology .con2:hover{ background:#45d041; color:#fff; border-color:#45d041;}



.technology .con3:hover{ background:#bd41d0; color:#fff; border-color:#bd41d0;}



.technology .con4:hover{ background:#fcc904; color:#fff; border-color:#fcc904;}







.technology .con1 .list{ left:259px; top:246px;}



.technology .con2 .list{ left:223px; top:200px;}



.technology .con3 .list{ left:265px; top:61px;}



.technology .con4 .list{ left:222px; top:60px;}







.technology .con1 .more{ left:40px; top:209px;}



.technology .con2 .more{ right:40px; top:165px;}



.technology .con3 .more{ left:40px; top:250px;}



.technology .con4 .more{ right:40px; top:250px;}











.technology .con2,.technology .con3{ border-color:#fff; background:#fff;}







.technology_bg{ background:#fff !important; padding-top:42px; font-size:14px; line-height:28px;}



.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_eip_ban{ height:250px;}







.technology_eip .con{ width:1140px; margin:0 auto; overflow:hidden;}







.technology_eip .con1 .img{ float:right; padding-left:86px;}



.technology_eip .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}







.technology_eip .con2 span.t{ color:#ffa800; font-size:24px;}



.technology_eip .con2 li{ overflow:hidden; padding:56px 0; background:#f5f6f7;}



.technology_eip .con2 li .img{ float:left; padding-left:110px;}



.technology_eip .con2 li .txt{ float:right; width:730px; text-align:right; color:#404040;}



.technology_eip .con2 li .t{ font-size:24px; color:#31548e; margin-bottom:10px;}



.technology_eip .con2 li .t span{ display:inline-block; width:31px; height:28px; text-align:center; line-height:28px; background:url(../images/technology_eip_tbg.png) no-repeat; color:#fff; text-indent:5px; float:right; margin-left:10px;}



.technology_eip .con2 .li{ background:#fff;}







.technology_eip .con2 .li .img{ float:right; padding:0 110px 0 0;}



.technology_eip .con2 .li .txt{ text-align:left; float:left;}



.technology_eip .con2 .li .t span{ float:left; margin:0 10px 0 0;}







.technology_eip .con3{ padding:35px 0;}



.technology_eip .con3 .table{ background:#e5e5e5; width:1138px; border:1px solid #e5e5e5;}



.technology_eip .con3 .table .td{ background:#fff; padding:15px 75px;}



.technology_eip .con3 .table .tr1 .td{ background:#ffa800; color:#fff;}



.technology_eip .con3 .table .td1{ font-size:16px; text-align:center;}







.technology_mobi .con{ width:1140px; margin:0 auto; overflow:hidden;}







.technology_mobi .con1 .img{ float:right; padding-left:40px;}



.technology_mobi .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}







.technology_mobi span.t{ color:#ffa800; font-size:24px;}



.technology_mobi .con2{ background:#f5f6f7; margin-top:20px; overflow:hidden; padding-bottom:30px;}



.technology_mobi .con2 .list li{ background:url(../images/technology_mobi_listbg_03.jpg) no-repeat 255px center; float:left; padding:20px 118px 0 0; height:142px; width:196px;}



.technology_mobi .con2 .list li .img{ text-align:center;}



.technology_mobi .con2 .list li .txt{ font-weight:bold; font-size:15px; color:#4c4c4c; line-height:25px; padding-top:5px;}







.technology_mobi .con2 .list .li{ padding-right:0; background:none;} 











.technology_mobi .con3 span.t{ display:block; padding:45px 0 25px;}







.technology_mobi .con4_bg{ background:#f5f6f7;}



.technology_mobi .con4 span.t{ display:block; padding:45px 0 25px;}











.technology_shop span.t{ float:left; color:#ffa800; font-size:24px;}



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



.technology_shop .con1{ padding-bottom:40px;}



.technology_shop .con1 .shop_link{ display:block; margin:0 auto 20px; width:252px; height:52px; text-align:center; line-height:52px; color:#fff; background:url(../images/other_link_bg.png) no-repeat; font-size:20px; border-radius:3px;}



.technology_shop .con1 .shop_link span{ font-family:"宋体";}



.technology_shop .con2 .con2_bg{ background:#f7f7f7; clear:both; margin-top:10px;}



.technology_shop .con2 .p{ margin:0; padding:40px 0 0; text-indent:2em;}



.technology_shop .con2 .img{ float:right; padding-left:50px;}



.technology_shop .con3{ padding:45px 0 38px;}



.technology_shop .con3 span.t{ display:block; float:none;}



.technology_shop .con4{ overflow:hidden;}



.technology_shop .con4 .table{ padding-bottom:38px;}



.technology_shop .con4 .table table{ background:#e5e5e5;}



.technology_shop .con4 .table td{ padding:20px 30px; background:#fff;}



.technology_shop .con4 .table .tr1 td{ background:#c7dbf1; font-size:16px; font-weight:bold;}



.technology_shop .con4 .p{ text-indent:2em; padding-bottom:30px;}











.technology_site span.t{ display:block; color:#ffa800; font-size:24px; padding-bottom:20px;}



.technology_site .con{ width:1140px; margin:0 auto; overflow:hidden;}



.technology_site .con1 .img{ float:right; padding-left:86px;}



.technology_site .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;}







.technology_site .con2_bg{ background:#f5f6f7;}







.technology_site .con2 .con{ padding:55px 0;}



.technology_site .con2 .con ul{ width:1220px;}



.technology_site .con2 li{ float:left; width:610px;}



.technology_site .con2 .img{ float:left;}



.technology_site .con2 .txt{ float:left; width:425px; padding-left:23px;}



.technology_site .con2 .txt .t{ font-size:24px; color:#31548e;}







.technology_site .con3 .table{ padding:25px 0;}



.technology_site .con3 table{ width:1138px; background:#e5e5e5;}



.technology_site .con3 table td{ background:#fff; font-size:16px; padding:20px 70px;}



.technology_site .con3 table .tr1 td{ font-weight:bold; color:#fff; background:#ffa400; padding:15px 0; text-align:center;}











/*技术开发*/











/*案例*/



.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,



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



.case_area dd .WuHan:hover,



.case_area dd .WuHan.onmenu,



.case_area dd .wuhan:hover,



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







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



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



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



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



.case_area dd .wuhan:hover,



.case_area dd .wuhan.onmenu,



.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 .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;}







/*案例*/











/*关于万户*/







.aboutchan_ban{ overflow:hidden; text-align:center; clear:both;}



.aboutchan_ban ul{ min-height:306px; width:100% !important;}



.aboutchan_ban ul li{ width:100% !important;}







.aboutchan{ font-size:14px; line-height:28px;}



.aboutchan .con{ width:1200px; margin:0 auto;}







.aboutchan .con1 .title{ font-size:48px; color:#ff6c00; line-height:1em; padding:70px 0 50px; position:relative;}



.aboutchan .con1 .title em{ position:absolute; left:5px; bottom:27px; width:180px; display:block; height:4px; background:#ff6c00;}



.aboutchan .con1 .title span{ font-size:36px; color:#555;}



.aboutchan .con1 .txt{ background:url(../images/aboutchan_txtbg.jpg) no-repeat right bottom;}



.aboutchan .con1 .txt .c{ width:710px;}



.aboutchan .con1 .more{ display:block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.png) no-repeat center top; color:#fff; text-indent:35px; margin:30px 0 0;}



.aboutchan .con1 .aboutchan_video{ margin-top:40px; position:relative; width:1200px; height:450px; background:url(../images/aboutchan_con1bg.jpg) no-repeat left top; overflow:hidden;}



.aboutchan .con1 .aboutchan_video .img{ position:absolute; left:28px; top:16px;}



.aboutchan .con1 .aboutchan_video .img embed,.aboutchan .con1 .aboutchan_video .img iframe{ width:860px !important; height:420px !important;}



.aboutchan .con1 .aboutchan_video .list{ width:270px; position:absolute; right:28px; top:16px;}



.aboutchan .con1 .aboutchan_video li{ width:270px; height:132px; margin-bottom:12px; overflow:hidden;}



.aboutchan .con1 .aboutchan_video li div{ position:absolute; left:-999px; top:-999px;}



.aboutchan .con1 .aboutchan_video li img{ width:270px; height:132px;}











.aboutchan .con2{ overflow:hidden; width:1201px;}



.aboutchan .con2 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;}



.aboutchan .con2 .title .more{ float:right; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px;}



.aboutchan .con2 .list{ border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6;}



.aboutchan .con2 .list li{ float:left; width:199px; height:130px; border-right:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; text-align:center; padding-top:20px;}







.aboutchan .con3 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;}



.aboutchan .con3_bg{ height:287px; background:url(../images/aboutchan_con3_bg_02.jpg) no-repeat center 60px; padding:60px 0 124px;}



.aboutchan .con3_bg .con{ height:287px; position:relative;}



.aboutchan .con3_bg .con .more{ display:block; width:40px; height:40px; background:url(../images/aboutchan_con3more_03.jpg) no-repeat; position:absolute; right:0; top:50%; margin-top:-20px;}



.aboutchan .con3_bg li{ position:absolute; padding:18px 4px 18px 18px; width:250px;}



.aboutchan .con3_bg li .t{ font-size:30px; color:#ff6c00; padding-bottom:5px;}



.aboutchan .con3_bg li .txt{ font-size:12px; line-height:20px;}



/*.aboutchan .con3_bg .li1,.aboutchan .con3_bg .li3,.aboutchan .con3_bg .li5{ top:-60px;}



.aboutchan .con3_bg .li2,.aboutchan .con3_bg .li4,.aboutchan .con3_bg .li6{ top:210px;}



.aboutchan .con3_bg .li1{ left:20px;}



.aboutchan .con3_bg .li3{ left:378px;}



.aboutchan .con3_bg .li5{ left:737px;}



.aboutchan .con3_bg .li2{ left:200px;}



.aboutchan .con3_bg .li4{ left:558px;}



.aboutchan .con3_bg .li6{ left:916px;}*/



.aboutchan .con3_bg .li4,.aboutchan .con3_bg .li5,.aboutchan .con3_bg .li6{ top:-60px;}



.aboutchan .con3_bg .li1,.aboutchan .con3_bg .li2,.aboutchan .con3_bg .li3{ top:210px;}



.aboutchan .con3_bg .li6{ left:20px;}



.aboutchan .con3_bg .li5{ left:378px;}



.aboutchan .con3_bg .li4{ left:737px;}



.aboutchan .con3_bg .li3{ left:200px;}



.aboutchan .con3_bg .li2{ left:558px;}



.aboutchan .con3_bg .li1{ left:916px;}







.aboutchan .con3_bg li:hover{ background:#ff6c00; color:#fff;}



.aboutchan .con3_bg li:hover .t{ color:#fff;}







.aboutchan .con4{ overflow:hidden; position:relative; max-width:1920px; width:100%; margin:0 auto;}



.aboutchan .con4 .bd{ position:relative;}



.aboutchan .con4 .bd ul{ float:left;}



.aboutchan .con4 li{ float:left; width:16.666%;}







/*.aboutchan .con4 .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);}*/







.aboutchan .con4 .prev,.aboutchan .con4 .next{ display:block; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px; z-index:333;}



.aboutchan .con4 .prev{ background:url(../images/bg54.png) no-repeat; left:0;}



.aboutchan .con4 .next{ background:url(../images/bg55.png) no-repeat; right:0;}







.aboutchan .con5{ height:900px;}



.aboutchan .con5 .con{ overflow:visible;}



.aboutchan .con5 .title{ height:1px; text-align:center; position:relative; padding:100px 0 50px; font-size:48px; color:#000; background:url(../images/technology_title2.png) no-repeat center center;}



.aboutchan .con5 .title span{ display:block; position:relative; top:-40px; color:#ff6c00;}



.aboutchan .con5 .nav{ text-align:center;}



.aboutchan .con5 .nav a{ display:inline-block; width:160px; height:40px; text-align:center; line-height:40px; font-size:16px; background:url(../images/aboutchan_con5bg_03.jpg) no-repeat; margin:0 15px; color:#fff; font-weight:bold;}



.aboutchan .con5 .nav a.a{ 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); color:#555;}



.aboutchan .con5 .nav a:hover{ color:#fff;}







.aboutchan .con5 .divBox{ width:100%; position:relative; overflow:hidden; height:700px;}



.aboutchan .con5 .box{ position:absolute; top:0; left:0; background:#fff; width:100%;}















.aboutchan .con5 .box .citylist .divNews{ position:absolute; left:0; top:0; width:4800px;}



.aboutchan .con5 .box .citylist .newsList{ width:1200px; float:left;}







.aboutchan .con5 .box .citylist .cityBan .newslistTop{ padding-top:47px;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:300px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev,.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ display:inline-block; width:50px; height:50px;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;}



.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}







.aboutchan .con5 .box .citylist .cityBan .newslistTop .div{  border-bottom:#f3f3f3 1px solid;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:150px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:150px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:16px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .p{text-indent: 30px; font-size:14px; color:#888; line-height:20px; margin:10px 0;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li{ width:540px; float:left; margin-right:120px; padding:36px 0; border-bottom:#f3f3f3 1px solid;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; padding:13px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:56px; line-height:0.8;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:3; font-size:16px;}



.aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p span{text-indent: 30px; display:block; line-height:20px; color:#888; font-size:14px;}







.aboutchan .con6{ background:#282828; padding:119px 0 120px;}



.aboutchan .con6 .con{ height:1px; overflow:visible; background:#303030; position:relative;}



.aboutchan .con6 .con li{ position:absolute; top:50%; margin-top:-75px; width:150px; height:150px; background-image:url(../images/aboutchan_con6bg_03.png); background-repeat:no-repeat; background-color:#282828; text-align:center; color:#fff; font-size:18px; cursor:pointer;}



.aboutchan .con6 .con li .img{ padding:32px 0 17px;}



.aboutchan .con6 .con .li1{ background-position:left bottom; left:0; padding-right:67px;}



.aboutchan .con6 .con .li2{ padding:0 67px; left:50%; margin-left:-142px; background-position:center bottom;}



.aboutchan .con6 .con .li3{ right:0; background-position:right bottom; padding-left:67px;}



.aboutchan .con6 .con .li1:hover{ background-position:left top;}



.aboutchan .con6 .con .li2:hover{ background-position:center top;}



.aboutchan .con6 .con .li3:hover{ background-position:right top;}







.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: 50px;}



.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 .changsha span{ background:url(../images/changsha.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:13532px; height:496px; position:relative;}



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







.contactmap .allmap{ width:100%; height:100%;}







.news{ width:1140px; margin:0 auto; font-size:14px; color:#999;}



.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:80px; height:104px; background:#acacac; line-height:68px; 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:720px; padding-top:24px; height:182px; position:relative;}



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



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



.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:80px 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;}







.search_bg{ background:#fff url(../images/search_bg_02.jpg) no-repeat center top; padding:44px 0 70px; position:relative; z-index:1;}







.search .con{ width:1140px; margin:0 auto; font-size:14px; line-height:28px; position:relative;}



.search .con1{ position:relative; z-index:999; margin-bottom:24px;}



.search .con1 .title{ font-size:30px; color:#555; line-height:1em; padding-bottom:15px;}



.search .con1 .c{ height:114px; background:#dfdfdf url(../images/search_bg2_03.jpg) no-repeat 76px center; position:relative;}



.search .con1 .c .box{ position:absolute; left:243px; top:29px; width:890px;}



.search .con1 .c .text{ position:absolute; left:0; top:0; width:710px; height:45px; border:1px solid #c1c1c1; background:#fff;}



.search .con1 .c .text .select{ position:absolute; right:0; top:0; width:111px; height:45px; background:#f5f5f5 url(../images/search_selectbg_03.jpg) no-repeat 82px center; border-left:1px solid #c1c1c1; font-size:16px; line-height:45px;}



.search .con1 .c .text .select span{ display:block; cursor:pointer; padding-left:27px;}



.search .con1 .c .text .select dl{ position:absolute; left:-1px; top:45px; background:#fff; border:1px solid #c1c1c1; width:111px; display:none;}



.search .con1 .c .text .select dl a{ display:block; padding-left:27px;}







.search .con1 .c .text input{ height:45px; line-height:45px; padding-left:17px; font-size:16px; color:#555; width:500px;}



.search .con1 .c .box .btn{ position:absolute; left:735px; top:0; width:126px; height:47px; text-align:center; line-height:47px; background:#ffa800; font-weight:bold; font-size:16px; color:#fff;}







.search .con2_bg{ padding-top:12px; height:77px; background:#f7f7f7; border-top:1px solid #eee;}



.search .search_nav{ overflow:hidden;}



.search .search_nav a{ display:block; float:left; width:102px; height:77px; padding-left:94px; line-height:77px; font-size:20px; background:#fafafa; margin-right:5px;}



.search .search_nav a.onmenu,.search .search_nav a:hover{ background-color:#fff; font-weight:bold;}



.search .search_nav #search_news{ background-image:url(../images/search_nav_img1_03.png); background-repeat:no-repeat; background-position:55px center;}



.search .search_nav #search_busine{ background-image:url(../images/search_nav_img3_03.png); background-repeat:no-repeat; background-position:55px center;}



.search .search_nav #search_case{ background-image:url(../images/search_nav_img2_03.png); background-repeat:no-repeat; background-position:55px center;}



.search .search_nav .a{ 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);}



.search .search_nav .num{ position:absolute; right:32px; bottom:15px; font-size:14px;}



.search .search_nav .num span{ color:#ffa800;}







.search .con3{ background:#fff;}



.search .con3 .list{ padding:0 32px;}



.search .con3 .list ul{ margin-bottom:30px;}



.search .con3 li{ padding:30px 0; border-bottom:1px solid #e8e8e8; color:#999;}



.search .con3 li .t{ font-size:20px;}



.search .con3 li .color{ color:#ffa800;}



.search .con3 li .txt{ padding:5px 0 10px;}











/*关于万户*/



.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;



}



.divSolution {



    padding: 67px 30px 78px 30px;



    position: relative;



}



.warp_show{ width:100%; height:auto; overflow:hidden;}

.warp_shBox{ clear:both; position:relative;}

.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}

.intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}





/*cont*/

#warp_shBox6{ background:url(../images/cont_img.jpg) no-repeat center; width:100%; height:532px;}

#warp_shBox6 .pdd{ padding:84px 0 0 0;}

#warp_shBox6 .name a{ color:#FFF;}

.cont{ height:140px; padding-top:40px;}

.cont li{ float:left; width:300px; height:140px;}

.cont li a{ display:block; width:300px;}

.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}

.cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;}

.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}

.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}

.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}

.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}

.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}

.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}

.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}

.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}

.cont li a:hover .cont_name{ color:#ff6c00;}





/*404页面*/

.a_service1{ border-right:none; width:532px; float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #dadada;  height:217px;}

.a_service2{ border-right:none; width:232px; float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #dadada;  height:210px;}
.a_servic1:hover{  -ms-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);}










.Page_Foot02{ width:100%; min-width:1200px; height:172px; margin:0 auto; background:#1f1f1f}
.Page_Bottom{ width:1200px; height:200px; margin:0 auto;}
.Page_Bottom ul li{ list-style:none; float:left; width:12%; font-family:微软雅黑; font-size:14px; color:#797979; line-height:24px; padding-top:30px; text-align:left; padding-left:1%;}
.Page_Bottom ul li h2{ font-family:微软雅黑; font-size:14px; color:#fff; font-weight:bold; padding-bottom:8px; margin:0}
.Page_Bottom ul li a{ color:#797979}
.Page_Bottom ul li a:hover{text-decoration:underline;}
.Page_Contact{width:1350px; height:122px;margin:0 auto; border-bottom:1px solid #0f0f0f;}
.Page_Contact_div{height:118px;float:left;}
.Page_Contact_div div{
	color:#fff;
	
	text-align:left !important;
	line-height:30px;
	}
.Page_Contact_div div a{
	color:#fff;
	}
.Page_Contact_div div a:hover{
	text-decoration:underline;
	}
.Page_Copy{ width:1200px; height:50px; margin:0 auto; border-top:1px solid #3a3a3a; font-family:微软雅黑; font-size:13px; color:#fff;  line-height:50px;}
.Page_Copy a{ color:#fff;}








.ErrorBox{ width:492px; margin:0 auto; padding:92px 160px;}



.ErrorBox p{ margin:0; padding:10px 0; text-align:center; font-size:22px; font-family:"微软雅黑"; color:#6A6975;}