/*
@author: 5400
@update:5400(2014-2-12)
*/


/* default */
.contant_devel .contant dl{ border-left:1px solid #f1f1f1; width:262px; margin-right:46px; display:inline; float:left; height:285px;}
.contant_devel .contant dt{ text-indent:1em;border-left:3px solid #e85148;font-size:25px;height:25px; line-height:25px; color:#363942;margin-left:-1px;}
.contant_devel .contant dt span{ color:#c1c1cd; font-size:14px; margin-left:5px;}
.contant_devel .contant dd{ padding-left:2em; line-height:24px; margin-top:15px; color:#646770; font-family:SimSun; }
.contant_devel .contant dd span{font-weight:bold;}
.contant_devel .contant dd a{color:#44659e; float:left;}
.contant_devel .contant dd a span{ margin-right:5px; font-family:"SimSun"; font-size:14px; font-weight:bold;}
.contant_devel .contant dd.uline a{color:#646770; width:100%; line-height:26px;}
.contant_devel .contant dd.uline a:hover{ text-decoration:none;}
.contant_devel .contant .fr{ margin:0px; float:right;}




/* abt_devel_body */

.abt_devel_body{margin:150px 0px 0px 0px;background:url("/about/images/about_devel.png") no-repeat 0px 0px;}
.abt_devel_body .devel_title li{ float:left; width:118px; color:#a4a4a4;position:relative; cursor:pointer;}
.abt_devel_body .devel_title li .text{font-size:12px; margin-top:25px;}
.abt_devel_body .devel_title li.active .icon{ background:url("/about/images/about_01.png") no-repeat; width:15px; height:15px; display:block;}
.abt_devel_body .devel_title li.active .text{ color:#e85148;margin-top:10px;_margin-top:6px;}
.abt_devel_body .devel_title li .devel_body{width:200px;font-size:14px; line-height:19px; font-family:SimSun;background:#e85148; position:absolute;left:7px; bottom:70px;padding:10px;color:#f5e2e1; display:none;word-break:break-all; font-family:Tahoma,Arial,SimSun; border-radius:10px 10px 10px 0}
.abt_devel_body .devel_title li.active .dvactive{ display:block;}
.abt_devel_body .devel_title li.active .dvactive a{ color:#f5e2e1;}
.abt_devel_body .devel_title li.active .devel_body i{background:url("/about/images/about_01.png") no-repeat 0px -50px; position:absolute;left:0; bottom:-6px; _top:58px;width:6px; height:6px;}

.abt_devel_body .devel_title li .devRight{position:absolute;right:0; bottom:70px;right:112px; left:auto;border-radius:10px 10px 0 10px}
.abt_devel_body .devel_title li.active .devRight i.devIcon{position:absolute;right:0px;left:auto;bottom:-6px;_top:58px;-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}

.contant_devel .txt{ text-align:center; margin-top:30px;}
.contant_devel .txt a{ color:#44659e;}




/* introduce */
.products .power{ padding:0px 5px;}.products .layout{ padding:0px 0px 0px 5px; border-bottom:0 none;}
.products .power dt,.products .layout .pow_title{margin-bottom:70px;}
.products .power dt span img,.products .pow_title span img{margin-top:20px;}
.products .power dd{ float:left; text-align:center;color:#74767b; margin-right:50px;}
.products .power dd.rt{margin-right:0px;}
.products .power dd div{ width:140px; height:140px; border-radius:50%; border:6px solid #e7e7e7; font-size:30px; font-weight:bold; line-height:140px;margin-bottom:10px; color:#74767b;transition:all 0.4s linear 0s; background:#fff}
.products .power dd a{color:#74767b; cursor:text;}
.products .power dd a:hover{ color:#e85148; text-decoration:none;}
.products .power dd a:hover div{border:6px solid #e85148; color:#e85148; background:#fff5f4;}
.products .power dd div span.more{font-size:36px;}
.products .layout .pow_body ul{ float:left; width:285px;}
.products .layout .pow_body h3{ font-size:16px; font-weight:bold; color:#3a3c40; margin-bottom:15px;}
.products .layout .pow_body li{ line-height:30px;font-size:12px;}
.products .layout .pow_body li span.fl{ float:left;width:65px; color:#919191;}
.products .layout .pow_body li div{ float:left;margin-right:5px;margin-top:10px;height:12px;}
.products .layout .pow_body li .bg1{ width:11%; background:#7581b6;}
.products .layout .pow_body li .bg2{ width:15%; background:#7f8bbc; }
.products .layout .pow_body li .bg3{ width:31%; background:#8f9ac4; }
.products .layout .pow_body li .bg4{ width:23%; background:#9fa8cc; }
.products .layout .pow_body li .bg5{ width:15%; background:#aeb5d4; }
.products .layout .pow_body li .bg6{ width:5%; background:#b8bed9; }

.products .layout .pow_body li .bg7{ width:16%; background:#d18bbc; }
.products .layout .pow_body li .bg8{ width:14%; background:#d390bf; }
.products .layout .pow_body li .bg9{ width:10%; background:#d697c3; }
.products .layout .pow_body li .bg10{ width:15%; background:#d9a0c8; }
.products .layout .pow_body li .bg11{ width:12%; background:#dda9cd; }
.products .layout .pow_body li .bg12{ width:9%; background:#e0b1d2; }
.products .layout .pow_body li .bg13{ width:6%; background:#e3b9d7; }
.products .layout .pow_body li .bg14{ width:8%; background:#e6bfda; }
.products .layout .pow_body li .bg15{ width:10%; background:#e8c4dd; }

.products .layout .pow_body li .bg16{ width:10.5%; background:#8bc391; }
.products .layout .pow_body li .bg17{ width:48%; background:#9ecda3; }
.products .layout .pow_body li .bg18{ width:32%; background:#b1d7b5; }
.products .layout .pow_body li .bg19{ width:9.5%; background:#c1dfc4; }

.products .layout .pow_body li .bg20{ width:0.4%; background:#74b5df; }
.products .layout .pow_body li .bg21{ width:22.5%; background:#7dbae1; }
.products .layout .pow_body li .bg22{ width:50.6%; background:#8ec3e5; }
.products .layout .pow_body li .bg23{ width:18.7%; background:#9ccbe8; }
.products .layout .pow_body li .bg24{ width:5.4%; background:#add3ec; }
.products .layout .pow_body li .bg25{ width:2.4%; background:#b5d8ee; }

.products .layout .pow_body li .color1{color:#7581b6; }
.products .layout .pow_body li .color2{color:#7f8bbc; }
.products .layout .pow_body li .color3{color:#8f9ac4; }
.products .layout .pow_body li .color4{color:#9fa8cc; }
.products .layout .pow_body li .color5{color:#aeb5d4; }
.products .layout .pow_body li .color6{color:#b8bed9; }

.products .layout .pow_body li .color7{color:#d18bbc; }
.products .layout .pow_body li .color8{color:#d390bf; }
.products .layout .pow_body li .color9{color:#d697c3; }
.products .layout .pow_body li .color10{color:#d9a0c8; }
.products .layout .pow_body li .color11{color:#dda9cd; }
.products .layout .pow_body li .color12{color:#e0b1d2; }
.products .layout .pow_body li .color13{color:#e3b9d7; }
.products .layout .pow_body li .color14{color:#e6bfda; }
.products .layout .pow_body li .color15{color:#e8c4dd; }

.products .layout .pow_body li .color16{color:#8bc391; }
.products .layout .pow_body li .color17{color:#9ecda3; }
.products .layout .pow_body li .color18{color:#b1d7b5; }
.products .layout .pow_body li .color19{color:#c1dfc4; }

.products .layout .pow_body li .color20{color:#74b5df; }
.products .layout .pow_body li .color21{color:#7dbae1; }
.products .layout .pow_body li .color22{color:#8ec3e5; }
.products .layout .pow_body li .color23{color:#9ccbe8; }
.products .layout .pow_body li .color24{color:#add3ec; }
.products .layout .pow_body li .color25{color:#b5d8ee; }

.introduce{ margin:60px auto 80px auto;}
.introduce .intro h2,.introduce .join_us h3,.about_width .link .link_title h3{ font-size:36px; margin-bottom:15px; color:#3a3c40;padding:0px 10px;}
.introduce .intro span{margin-bottom:40px; display:block;margin-left:10px;}
.introduce .intro p{ color:#3a3c40; font-size:14px; line-height:24px; margin-bottom:20px; padding:0px 10px;}
.introduce .join_us{ text-align:center;margin-top:80px;}
.join_us .job{ width:1060px; float:left;height:172px;overflow:hidden;margin:50px 0px 0px 15px;}
.join_us .job ul{ width:1170px;}
.join_us .job ul a{font-size:18px; width:160px; margin-right:50px;margin-bottom:50px;height:30px; padding:65px 0px;border:6px solid #dadada; background:#fff;float:left; border-radius:50%; overflow:hidden; color:#7d7d7d; }
.join_us .job ul a:hover{border:6px solid #e85148; color:#e85148; background:#fff5f4;text-decoration:none;}
.join_us  .icon{ background:url("/about/images/about_20.png") no-repeat;width:50px;  height:210px;cursor:pointer;}
.join_us .join_l{float:left; background-position:0px -105px;}
.join_us .join_l:hover{background-position:0px 95px; }
.join_us .join_r{float:right;background-position:0px -171px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.join_us .join_r:hover{float:right; background-position:0px 29px;-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.introduce .join_us .sports{ text-align:left; margin-top:50px;}
.introduce .join_us .sports li{float:left; margin:0px 140px 0px 10px;}
.introduce .sportsMeet{ border-bottom:1px solid #eee;padding-bottom:80px;}

/* websites */
.websites .basic .basic_l a,.websites .design .design_r a,.websites .imageBulding .image_l a{ color:#44629e; font-weight:bold;}
.websites .basic .basic_r img,.vision .basic .basic_r img{margin-top:0px;}
.websites .design .design_l{ width:420px; float:left; padding-left:50px;}
.websites .design .design_r{ text-align:left;}
.products .noline{ border:0px none;}


/* websites */

.vision .basic .basic_l dt,.vision .design .design_r dt{ margin-bottom:35px;}
.vision .basic .basic_l dd,.vision .design .design_r dd{ margin:0px; line-height:30px;}
.vision .design .design_l{ width:500px; float:left; padding-left:50px;}
.vision .design .design_r{ width:450px; text-align:left;}



/* job */
.job { margin-top:80px;}
.job ul a{font-size:18px; width:160px; margin-right:66px;margin-bottom:50px;height:30px; padding:65px 0px;border:6px solid #dadada; background:#fff;float:left; border-radius:50%; overflow:hidden; color:#7d7d7d; }
.job ul a:hover{border:6px solid #e85148; color:#e85148; background:#fff5f4;text-decoration:none;}
.jobList{ text-align:center;}
.job .jobList h3{ width:100%; height:60px;float: left;text-align: left; font-size:26px;padding-top:35px;font-weight:normal; color:#999; position:relative;}
.job .jobList h3 span{ float:left; background:#fbfbfb; padding-right:10px;}
.job .jobList h3 i{ position:absolute;left:0px; top:53px;border-top:1px solid #eee; width:1190px; height:1px; z-index:-1;}



/* link */

.about_width .link{margin:50px auto 80px auto; padding:0px 15px;}
.about_width .link .link_title{ margin-bottom:35px;}
.about_width .link .link_title h3{ float:left; margin-left:-10px;margin-right:10px;}
.about_width .link .link_title span img{ margin-top:15px;}
.about_width .link .link_body ul li{ float:left; width:180px;margin-right:40px; font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.about_width .link .link_body ul span{ line-height:25px; color:#75767b;margin-bottom:20px; display:block;}
.about_width .link .link_body .line{ border-right:1px solid #e8e8e8; float:left; width:880px;}
.about_width .link .link_body .rt{ padding-left:49px;width:230px; float:left;}
.about_width .link .link_body .rt{ padding-left:49px; width:230px; float:left;_position: relative;}
.about_width .link .link_body .rt ul{_position:absolute;}
.about_width .link .link_body .rt li{ line-height:25px;}
.about_width .link .link_body .rt li a{ color:#333; font-size:16px;}
.about_width .link .link_body ul li.bold{font-weight:bold;font-size:16px;margin-bottom:20px;}
.about_width .link .link_body li{ line-height:30px;}
.about_width .link .link_body li a{ color:#42659f; font-size:14px;}



/* products */
.products .ualue_added .basic_r a,.products .basic .basic_r a,.products .promotion dd a,.products .design .design_l a,.products .imageBulding .image_r a,.products .tools dd a{ background:#fff url("/about/images/about_icon.png") no-repeat; width:140px; height:140px; display:block; float:left;margin:20px 45px 0px 0px; border-radius:50%;border:1px solid #f6f6f6;transition:all 0.4s linear 0s; text-align:center; position:relative;}
.products a span{ position:absolute; left:50%; top:60%;margin-left:-30px;font-size:16px; color:#65cd3c;}
.products .power dd div span{ font-size:12px;position:relative;margin:0px;color:inherit;top:auto;left:auto;_zoom:1;}
.products .promotion a span{color:#f85239;}
.products .promotion a span.text{margin-left:-46px;}
.products .imageBuild a span{color:#24b586;}
.products .tools a span{color:#7480da;}
.products .ualue_added .basic_r a.SMS span{color:#f27c1b;}
.products .ualue_added .basic_r a.RR span{color:#528bc2; margin-left:-46px;}

.products .ualue_added .basic_r a.EA span{ color:#72c241;}
.products  a:hover{ text-decoration:none;}
.products .ualue_added .basic_r a:hover,.products .basic .basic_r a:hover,.products .promotion dd a:hover,.products .design .design_l a:hover,.products .imageBulding .image_r a:hover,.products .tools dd a:hover{ border:1px solid #ededed; }
.products .ualue_added .basic_r a.SMS{ background-position:0px -1200px;}
.products .ualue_added .basic_r a.RR{ background-position:-200px -1200px;}
.products .ualue_added .basic_r a.EA{ background-position:-400px -1200px;}
.products .basic .basic_r a{ margin-top:60px;}
.products .basic .basic_r a.JP{background-position:0px 0px}
.products .basic .basic_r a.RD{background-position:-200px 0px}

.products .promotion dd a.PS{background-position:0px -800px;}
.products .promotion dd a.SR{background-position:0px -200px;}
.products .promotion dd a.TJ{background-position:-200px -200px;}
.products .promotion dd a.VS{background-position:-200px -400px;}
.products .promotion dd a.TS{background-position:0px -600px;}
.products .promotion dd a.FS{background-position:-400px -600px;}
.products .promotion .design_l a.JB{background-position:0px -400px;}
.products .promotion .design_l a.JR{background-position:-200px -1600px;}
.products .promotion dd a.CR{background-position:0px -1400px;}


.products .design .design_l a{ margin-top:60px;}
.products .design .design_l a.LD{background-position:-200px -400px;}
.products .design .design_l a.PD{background-position:-400px -400px;}
.products .tools dd a.SMS{background-position:-400px -800px;}
.products .tools dd a.JD{background-position:-400px -200px;}
.products .tools dd a.SR{background-position:0px -200px;}
.products .tools dd a.WX{background-position:0px -1600px;}
.products .tools dd a.ME{background-position:-200px -1400px;margin-left:95px;}
.products .tools dd a.SA{background-position:-400px -1400px;}
.products .tools dd a.COMJOB{background-position:0 -1600px;}
.products .tools_box{width:710px;margin:0 auto;overflow:hidden;}


.products{ font-size:14px;}
.products h3{ font-size:36px; font-weight:bold;color:#3a3c40;}
.products .basic,.products .promotion,.products .design,.products .imageBulding{ margin:60px auto 80px auto; padding-bottom:80px; border-bottom:1px solid #e6e6e6;}
.products .design{ padding-bottom:0px;}
.products .demgin,.websites .design{ padding-bottom:80px;}
.per_service .basic{ margin:100px auto 80px auto; padding-bottom:80px; border-bottom:1px solid #e6e6e6;}
.products .basic_l{ padding-left:5px; width:600px; float:left;}
.products .basic_r{ width:480px; float:right;}
.products .basic_r img{margin-right:80px;margin-top:80px;}
.products .basic_l dd,.products .promotion dd,.products .design_r dd,.products .image_l dd,.products .tools dd{ line-height:24px;color:#74767b; margin-top:35px;}
.per_service .basic_l{ width:450px;}
.per_service .basic_r{ width:460px;}
.per_service .featured{ float:right;}
.per_service .featured dl{ float:left;margin-right:100px; line-height:26px; display:inline;}
.per_service .featured dt{ font-weight:bold; color:#666667; margin-bottom:10px;font-family:SimSun;}
.per_service .featured dd span{ font-family:SimSun; font-size:14px; color:#aaaaaa;}

.products .imageBuild {text-align: center;}
.products .imageBuild .b_text{padding: 0px 265px 30px 265px;}
.products .imageBuild  dd a{margin:0px 75px;}

.per_service .featured a{ color:#44659e; font-family:SimSun;}
.per_service .featured .feat_txt{ width:300px;}
.per_service .featured .feat_txt dd{ float:left; width:150px;}
.per_service .basic_r img{ margin-right:45px;margin-top:80px;}
.products .industry{ border-bottom:none; margin:0; padding:0px 90px 0px 80px; text-align:center;color:#75747b; }
.products .industry .txt{text-align:center; }
.products .industry dd{ float:left; margin-top:55px; text-align:left; }
.products .industry dd h4{ font-weight:bold;color:#3a3c40; font-size:18px; margin-top:5px; width:300px;}
.products .industry dd img{margin:0; margin-right:55px;}
.products .industry dd span{ color:#9e9e9e;font-size:12px;}
.products .design_l{padding-left:120px; }
.products .design_r{ width:600px; float:right; text-align:right; padding-right:20px;}
.products .design_r .text{text-align:left;}
.products .imageBulding{ margin:0px;}
.products .imageBulding .image_l{ padding-left:5px; margin-top:35px; width:580px; float:left;}
.products .imageBulding .image_r{ width:600px; float:right;}
.websites .imageBulding .image_l,.websites .imageBulding .image_r{ width:500px;}
.products .basic_l dt img,.products .promotion dt img,.products .design dt img,.products .image_l dt img,.products .tools dt img,.products .industry dt span img{margin-top:20px;}
/* products */



/* dynamic */

.demo{margin:60px auto 0 auto; width:980px;}

/*history*/
.history{background:url("/about/images/line04.gif") repeat-y 187px 0;overflow:hidden;}
.history .first,.history .years{background:url("/about/images/icon06.gif") no-repeat 158px 0;height:59px;margin-bottom:40px; }
.history .first h2 a,.history .years h2 a{color:#737373;display:inline-block;*display:inline;zoom:1;background:url("/about/images/icon08.gif") no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;font-weight:normal;font-size:25px; cursor:pointer;}
.history .first h2 a:hover,.history .years h2 a:hover{text-decoration:none;}
.history .first h2 img{vertical-align:-5px;}
.history .years{background:none; padding-left:0px;}
.history .years h2{ width:980px;}
.history .history-date{background:url("/about/images/icon07.gif") no-repeat 180px 0;padding-bottom:50px;zoom:1;}
.history .last{padding-bottom:0;}
.history .history-date:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history .history-date h3{float:left;width:168px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history .history-date h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history .history-date dl{float:left;padding-left:41px;margin-top:-4px; }
.history .history-date dt{color:#737373; width:750px;margin-bottom:3px;}
.history .history-date dt.ft28{ font-size:28px;}
.history .history-date dt a{color:#44659E;font-size:18px;}
.history .history-date dt a:visited{color:#555;}
.history .history-date dd span{display:block;color:#999999;font-size:12px; line-height:18px; width:750px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.history .orange h3,.history .orange h3 span,.history .blue h3,.history .blue h3 span{color:#999;}
.history .tit_size dl{margin-top:-8px;}
.history .tit_size dl dt span{margin-top:5px;}
.history .tit_size dl dt a{display:inline-block;*display:inline;zoom:1;vertical-align:middle; font-weight:normal;font-size:30px;line-height:40px;}

.history h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history h2.first .more-history:hover{text-decoration:underline;}
*body .history ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history ul li dl dt span{_font-weight:normal!important;}
*body .history ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}

.loading_wrapper{width: 200px;margin: 50px auto 0px auto;}
.loading_wrapper a.loading_more{font-size: 14px;color: #44659e;padding: 10px 0px;background:#fff;border: 1px solid #e9e9ea;display: block;text-align: center;border-radius: 5px;}
.loading_wrapper a:hover{ text-decoration:none;}
.loading_wrapper a.no_more{ background:none; cursor:pointer;}

/* dynamic */


/* dynamicPage */

.dynamic .dyPage{ padding:50px 100px;}
.dynamic .dyPage .news_detail h1{ font-size: 26px;line-height: 30px;margin: 0;font-weight: normal;color: #333;}
.dynamic .dyPage .news_detail .time{ color:#999; margin-top:8px;}
.dynamic .dyPage .news_detail .time span{ margin:0px 5px;}
.dynamic .dyPage .dy_content{ margin-top:30px;}
.dynamic .dyPage .nextPrev{ margin-top:50px;border-top:1px solid #eee; padding-top:30px;font-size:16px;}
.dynamic .dyPage .dy_content,.dynamic .dyPage .dy_content p{ font-size:14px; line-height:25px; color:#666;}

.dynamic .dyPage .nextPrev a{ font-size:16px; color:#333;}
.dynamic .dyPage .nextPrev .lf{ float:left; }
.dynamic .dyPage .nextPrev .rt{ float:right;}
.dynamic .dyPage .nextPrev .lf a,.dynamic .dyPage .nextPrev .rt a{color:#44659e;}
/* dynamicPage */


/* contact */
.contact{ margin:40px auto;}
.contact .title{ background:#f5f5f6 url("/about/images/about_11.png") no-repeat 945px 21px; overflow:hidden;border-radius:5px;}
.contact .title .tit_top{ padding-bottom:10px;}
.contact .title .tit_top h2,.contact .title  .tit_top span{ padding:20px 20px 0px 25px; }
.contact .title .tit_top h2{ font-size:24px; color:#3a3c40; margin-bottom:5px;}
.contact .title .tit_top span{font-size:18px; color:#3f3e39;}
.contact .title span a,.contact .infor .qq i,.contact .infor .service i{background:url("/about/images/about_02.png") no-repeat;display:inline-block;}
.contact .title .tit_top span a{ background-position:5px 0px; width:100px; height:24px; vertical-align:middle; font-size:16px; color:#44659E;padding-left:30px; cursor:pointer;}

/* contact map*/
.jobcn-box{background: #fff;padding: 10px;background: url("/public/script/jslib/ol.box/images/bg1.png");_border: 10px solid #ddd;_padding: 0;}
.jobcn-box .box-header{padding-left: 10px;height: 36px;line-height: 36px;padding-bottom: 3px;font-size: 9pt;border-bottom: 1px solid #eaeef2;text-align: left;zoom: 1;position: relative;height: 39px;background: #FFFFFF;}
.jobcn-box .box-title{color: #384964;font-size: 20px;font-family: "Microsoft Yahei" Tahoma;}
.jobcn-box .box-close {cursor: pointer;height: 36px;width: 37px;background: url("/public/script/jslib/ol.box/images/icon2.gif") no-repeat scroll 5px -155px;zoom: 1;position: absolute;top: 0;right: 0;}
.jobcn-box .box-close:hover{ background-position:5px -118px;}
.mapper{ position:relative;overflow:visible; z-index:1; margin-top:10px; }
.mapper .anchorBL span a{ background:none;}
#baiduMap{width:1190px; height:500px; }
.mapper a{ color:#333;cursor:pointer;}
.mapper a i{display: block;border-right: 1px solid #EEE;position: absolute;top: 0px;left: 0;width: 20px;height: 20px;background: url("/commImage/ui/icon/icon9.png") no-repeat 2px -298px;}
.mapper a.zoom_Map{ position:absolute; right:0; top:0; z-index:999;height: 20px;line-height: 20px;background: #FFF;border-bottom: 1px solid #EEE;border-left: 1px solid #EEE;padding: 0 5px 0 25px;}
/* contact map */

.contact .infor dt{ font-size:18px; color:#acaeb9; height:30px;}
.contact .infor dd{ font-size:24px; color:#4b4945; font-family:verdana;}
.contact .infor .weekly{ width:250px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.contact .infor .weekly dd{ font-size:23px; line-height:22px;;margin-top:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.contact .infor .weekly dd.time{ font-size:16px; margin-top:5px;}
.contact .infor dl{ float:left; width:300px;}
.contact .infor dd a{ color:#3f63a5;}
.contact .infor{ margin-top:70px;padding:0px 20px;}
.contact .infor ul li{position:relative; height:50px; width:300px; float:left;}
.contact .infor .qq i{ background-position: 0px -100px; width:30px; height:26px;padding-right:10px; position:absolute; left:0px; top:0px;}
.contact .infor .qq a{ color:#3f63a5;position:absolute; left:35px; top:0px;font-size:24px;}
.contact .infor ul li a:hover,.contact .infor dd a:hover{ text-decoration:none;}
.contact .infor .service i{ background-position: 0px -200px; width:31px; height:26px; padding-right:10px;position:absolute; left:0px; top:0px;}
.contact .infor .service a{font-size:18px; color:#3f63a5;position:absolute; left:40px; top:0px;}
.contact .feedback{margin-top:70px; padding:50px 0px 0px 20px; border-top:3px solid #f4f4f4;}
.contact .feedback_l{ float:left; background:url("/about/images/contant.png") no-repeat; height:250px; width:360px; font-size:14px;color:#515257;}
.contact .feedback_l h3{ font-size:30px; line-height:40px;}
.contact .feedback_r{ float:right; width:770px; padding:0px; font-family:"verdana"; font-size:14px; color:#37383f;}
.contact .feedback_r dd label{ cursor:pointer;}
.contact .feedback_r dd{ float:left; margin-right:25px;}
.contact .feedback_r .txt_l,.contact .feedback_r .txt_r{ padding-top:25px; padding-bottom:15px; float:left; color:#bbb; }
.contact .feedback_r .txt_r{float:right; width:540px;}
.contact .feedback_r .txt_l li{ margin-bottom:15px;}
.contact .feedback_r .txt_l li.input,.contact .feedback_r .txt_r li.input{ background:#fff;height:18px; line-height:18px; padding:5px 7px; color:#aaa; border-radius:3px;border:1px solid #dfdfdf; width:200px; font-size:14px; position:relative;}
.contact .feedback_r .txt_r li.textarea{ position:relative;}
.contact .feedback_r .txt_r li.input,.contact .feedback_r .txt_r li.textarea{ width:520px;}
.contact .feedback_r .txt_l li label,.contact .feedback_r .txt_r li label{ position:absolute; left:5; top:5px; z-index:100;}
.contact .feedback_r .txt_l li input,.contact .feedback_r .txt_r li input{ position:absolute; left:0px; top:0px; z-index:1; height:18px; line-height:18px; padding:5px 7px; _padding:4px 5px;width:200px; border:none 0px; font-family:verdana; color:#333;}
.contact .feedback_r .txt_r li input{ width:520px;}
.contact .feedback_r .txt_r .textarea label{ position:absolute; top:25px; left:10px; color:#aaa;}
.contact .feedback_r .txt_r textarea{ width:515px; padding:10px; color:#333;font-size:14px; border:1px solid #dfdfdf;border-radius:3px; margin-top:15px; height:53px;font-family:verdana;}


.contact .feedback_r .submit{ width:180px; text-align:center; float:right; background:#60c060; border:1px solid #54ab54;border-radius:3px;padding:15px 0px; cursor:pointer; clear:both;}
.contact .feedback_r .submit a{ color:#fff; text-decoration:none; }
.contact .feedback_r .submit:hover{ background:#59ba59;}
/* contact */




/*law*/
.law{ box-shadow:0px 2px 3px #f1f1f1; border:1px solid #f0f0f0; padding-bottom:30px; margin-top:50px; background:#fff;}
.law_menu{ border-bottom:1px solid #f1f1f1; }
.law_menu ul{ width:712px; margin:0px auto;}
.law_menu li{ float:left;font-size:16px;padding:50px 40px 25px 0px;position:relative;}
.law_menu li.active a{ color:#000000; font-weight:bold;}
.law_menu li i{ position:absolute; left:0; bottom:-1px;width:65px;}
.law_menu li.active i{ border-bottom:1px solid #000;}
.law_menu a{ color:#888888;}
.law_menu a:hover{ text-decoration:none;}


.law_contant{margin:50px auto;width:1004px; }
.law_contant h2{text-align:center; margin-bottom:50px;}
.law_contant p.title{ text-indent:2em;}
.law_contant p,.law_contant dl dd{ line-height:25px; font-size:14px; color:#333333; font-family:verdana;}
.law_contant b,.law_contant dl dt{ font-weight:bold; font-family:verdana; color:#333333;  font-size:14px; margin-top:25px; margin-bottom:5px;display:block; }
.law_contant dl dt{ text-indent:1em;}
.law_contant dl{ margin-top:30px; padding:0px 0px 0px 10px;}
.law_contant dl dd{text-indent:2em; padding-left:30px; }
.law_contant dl p{ padding-left:20px; }
.law_contant dl p .numbel{ float:left; height:40px;}
.law_contant dl p .numbel2{ float:left; height:60px;}
.law_contant .indent{ text-indent:2em;  padding-left:30px;}
.law_contant .indent a{ color:#15c;}

/*law*/



/* case */
.case{ margin-top:30px;}
.case_item{ border-bottom:1px solid #ececec;padding:60px 0px;}
.case_item .case_logo{width:250px; float:left;}
.case_item .case_logo img{ border:1px solid #e4e4e4; border-radius:50%;margin-left:20px; background:#fff;}
.case_item .case_body{width:940px; float:left; font-size:14px;}
.case_item .case_body dt{ font-size:24px; font-weight:bold; margin-bottom:15px; color:#222;}
.case_item .case_body dd{ color:#777; line-height:20px;}
.case_item .case_body dd a{float:left; width:70px;background:url("/about/images/about_12.png") no-repeat; text-align:center; margin-right:30px; margin-bottom:30px;padding-top:61px; color:#b2b2b2;}
.case_item .case_body dd a:hover{ text-decoration:none;}
.case_item .case_body dd a.JP{ background-position:0px 0px;}
.case_item .case_body dd a.RD{ background-position:-100px 0px;}
.case_item .case_body dd a.TJ{ background-position:-200px 0px;}
.case_item .case_body dd a.JH{ background-position:0px -200px;}
.case_item .case_body dd a.HR{ background-position:-200px -300px;}
.case_item .case_body dd a.SR{ background-position:-200px -400px;}
.case_item .case_body dd a.JD{ background-position:-100px -400px;}
.case_item .case_body dd a.CR{ background-position:-200px -500px;}
.case_item .case_body dd a.PD{ background-position:0px -100px;}
.case_item .case_body dd a.LD{ background-position:-200px -100px;}
.case_item .case_body dd a.BS{ background-position:0px -600px;}
.case_item .case_body dd a.PS{ background-position:-100px -600px;}
.case_item .case_body dd a.FS{ background-position:-100px -100px;}
.case_item .case_body dd a.VS{ background-position:0px -400px;}
.case_item .case_body dd a.TS{ background-position:0px -300px;}
.case_item .case_body dd a.SMS{ background-position:-100px -200px;}
.case_item .case_body dd a.JS{ background-position:-200px -200px;}
.case_item .case_body dd a.RS{ background-position:-200px -600px;}
.case_item .case_body dd a.AR{ background-position:0px -700px;}
.case_item .case_body dd a.ME{ background-position:-100px -500px;}
.case_item .case_body dd a.SA{ background-position:0px -500px;}

.case_item .case_body dd.alr_product{ font-weight:bold; color:#bababa; margin-top:15px; margin-bottom:15px;}
.case_item .case_body dd.green{font-size:20px;padding-top:20px; color:#60c060;}



/*unsubscribe*/
.unsubscribe_header{ width:650px;height:63px; margin:0 auto; margin-top:25px; margin-bottom:15px; background:url("http://www.jobcn.com/commImage/logo/logo.png") no-repeat;}
.unsubscribe{margin:0px auto;width:590px;zoom:1;display:block;background:#fff;overflow:hidden;padding:30px; font-size:14px; color:#333;border-bottom: 2px solid #e7e7e7;}
.unsubscribe .order_back h2{ font-size:18px; font-weight:normal; border-bottom:2px solid #eee;padding-bottom: 15px;}
.unsubscribe .order_info{font-size:16px;  padding:15px; background:#fbfbfb}
.unsubscribe .order_info .theme{ margin-bottom:5px}
.unsubscribe .order_back .mar15{ margin-left:15px}
.unsubscribe .order_back .tip,.unsubscribe .order_back p{ color:#555}
.unsubscribe .order_back .tip{ padding:15px 0}
.unsubscribe .order_back .success_tip{ line-height:26px}
.unsubscribe .order_back .success_tip .person{margin-top:15px}
.unsubscribe .order_back .success_tip .list_style{ list-style:inside none disc}
.unsubscribe .order_back .success_tip a{ color:#15c}
.unsubscribe .order_back p label{ padding-bottom:15px; display:block}
.unsubscribe .order_back p input{ margin-right:10px;}
.unsubscribe .order_back p textarea{ width:535px; height:100px; border:2px solid #eee; padding:10px; font-size:14px;overflow:auto; font-family:"\5FAE\8F6F\96C5\9ED1";color: #555;}
.unsubscribe .order_back .input_btn{ color:#fff; font-size: 14px;width:80px; height:35px; line-height:35px; text-align:center;background:#F26B01; display:block; margin-top:20px; border-radius:3px; text-decoration:none;}
.unsubscribe .order_back .wid{ width:160px}
.unsubscribe_footer{color: #A3A3A8;width:650px;height:60px; line-height:60px; margin:0 auto; }