.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
body { background:#a2a2a2; line-height:1.5; font-size:14px; margin-top:0; padding:0; overflow-y:scroll; }
body.index { background-color:#A2A2A2; /*background-image:url(/img/indexbannerbg.gif); background-position:0 76px; background-repeat:repeat-x*/ }
body .container { width:100%; }
a { color:#145dac; text-decoration: underline; cursor:pointer; }
a:hover { color:#d21919 }
/*a.mail:hover { color:#0f4dba }*/
:focus { -moz-outline-style:none }
.form input,
.form textarea,
.radius { -moz-border-radius:8px; border-radius:8px; 　-webkit-border-radius:8px }
ul { list-style:none; margin:0; padding:0 }
h1,
h2,
h3,
h4 { font-weight:bold; /*margin-bottom:15px; */ }
h1 { font-size:16px; }
h3 { font-size:14px; }
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.prepend-1 { padding:0; }
p,
ul { font-size:14px; }
.red { color:#d21919; }
header,
nav,
footer,
article,
hgroup,
.form_container label { display:block }
.text-center { text-align:center; }
.text-right{ text-align:right; }

.border_left{padding-left: 10px;
margin-left: 10px;
border-left: 2px solid #f5f5f5;}
.txt16{ font-size:16px; line-height:2em;}
.txt14{ font-size:14px;}
.black{ color:#000;}
/**********Button********************************************************************/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:hover,
.btn:focus { color: #333; text-decoration: none; }
.btn-block { display: block; width: 100%; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.btn-red { color: #fff; background-color: #d21919; border-color: #d43f3a; }
.btn-red:hover,
.btn-red:focus,
.btn-red:active { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.en { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.index .about p { line-height:1.65em; }
.advantage p { margin-bottom:0; }
h2 { font-size:17px; color:#d21919; margin-bottom:25px; }
h3 { font-size:15px; }
/*.page .pagecontent h3 { margin-bottom:.5em; margin-top:2em; }*/
/*.page .pagecontent #tabs h3 { margin-top:0; }*/
 h4 { font-size:14px; }
/*.page .pagecontent h4 span { color:#aaa; }*/
/******header begin***************************************************************************************/
#header { background-color:#a2a2a2;  /*height:105px;*/ position:relative; z-index:100; }
.header { background-color:#fff; height:76px; width:950px; margin:0 auto; position:relative; }
#header .logo { background:url(/img/logo.png) no-repeat left center; display:inline-block; height:70px; overflow:hidden; text-indent:-1000em; width:280px; cursor:pointer; }
.header-nav { position:absolute; top:10px; right:20px; font-family: Arial, Helvetica, sans-serif; }
.header-nav li { float:left; margin:0 3px; font-size:11px; color:#555; }
.header-nav li a { color:#222; text-decoration:none; font-size:12px; }
.header-nav li a:hover { color:#d21919; text-decoration:underline; }
.dropdown { position: absolute; top:10px; right:0; display: block !important; width:57px; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.dropdown a.top-location,
.dropdown a.top-location:hover,
.dropdown a.top-location:focus { background:url(/img/select-arrow.png) no-repeat 95px 8px; text-decoration:none; color:#222; display:block; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 12px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; text-decoration:none; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca; }
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #999999; }
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999999; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }
/*******header end **************************************************************************************/

/*
.Breadcrumbs {
    clear: both;
    color: #fff;
    min-width: 500px;
    position: absolute;
    top: 199px;
    z-index: 1000;
} */
.Breadcrumbs { clear:both; color:#fff; left: 50%; margin-left: -475px; position:absolute; top:199px; width: 950px; display:none; }
.Breadcrumbs a:hover { color:#f99; text-decoration:underline }
.Breadcrumbs .m1,
.Breadcrumbs .m2,
.Breadcrumbs .m3 { float:left; padding-left:10px; }
.Breadcrumbs .m3 a,
.Breadcrumbs .m2 a,
.Breadcrumbs .m1 a { color:#FFF; }
.Breadcrumbs .m2 li { display:none; }
body.about .m2 li.about,
body.offshore .m2 li.offshore,
body.quality .m2 li.quality,
body.other .m2 li.other,
body.whatdo .m2 li.whatdo,
body.pricingmodel li.pricingmodel,
body.work .m2 li.work,
body.client .m2 li.client,
body.career .m2 li.career,
body.contact .m2 li.contact,
body.ecomsolution .m2 li.ecom_solution,
body.technology .m2 li.techno_local,
body.industry .m2 li.industry_local,
body.shine_partner .m2 li.shine_par { background-color:transparent; display:block }
/***********Page Banner**********************************************************************************************************************/
.banner { clear:both; width:100%; margin: 0 auto 30px auto; text-align: center; height:150px; }
.banner_container { width:950px; margin:0 auto; position:relative; height:150px; overflow:hidden; }
.portrait { position:absolute; right:10px; z-index:99; }
.intro_container { width:300px; height:80px; background:#fff; opacity:0.4;  filter:alpha(opacity=40);  float:right; margin-top:50px; margin-right:200px; position:relative; }
.w330 { width:330px; }
.w400 { width:400px; }
.marginR160 { margin-right:160px; }
.intro { position:absolute; color:#000; right:250px; top:55px; text-align:right; color:#666; z-index:9; }
.intro_tworow{ top:65px;}
.intro strong { color:#494949; font-size:16px; font-weight:normal; }
.intro strong span { margin-right:10px; }
.portrait { width:290px; height:290px; display:block; z-index:99; }
.banner_bg_1 { background:#eaedf0 url(/img/banners/banner_bg_1.jpg) center no-repeat; }
.banner_bg_2 { background:#eaedf0 url(/img/banners/banner_bg_2.jpg) center no-repeat; }
.banner_bg_3 { background:#eaedf0 url(/img/banners/banner_bg_3.jpg) center no-repeat; }
.banner_bg_4 { background:#eaedf0 url(/img/banners/banner_bg_4.jpg) center no-repeat; }
.banner_bg_5 { background:#eaedf0 url(/img/banners/banner_bg_5.jpg) center no-repeat; }
.banner_bg_6 { background:#eaedf0 url(/img/banners/banner_bg_6.jpg) center no-repeat; }
.banner_bg_7 { background:#eaedf0 url(/img/banners/banner_bg_7.jpg) center no-repeat; }
.banner_bg_8 { background:#eaedf0 url(/img/banners/banner_bg_8.jpg) center no-repeat; }
.banner_bg_9 { background:#eaedf0 url(/img/banners/banner_bg_9.jpg) center no-repeat; }
.banner_bg_10 { background:#eaedf0 url(/img/banners/banner_bg_10.jpg) center no-repeat; }
.banner_bg_11 { background:#eaedf0 url(/img/banners/banner_bg_11.jpg) center no-repeat; }
.banner_bg_12 { background:#eaedf0 url(/img/banners/banner_bg_12.jpg) center no-repeat; }
.banner_bg_13 { background:#eaedf0 url(/img/banners/banner_bg_13.jpg) center no-repeat; }
.caofulin { background:url(/img/banners/caofulin.png) -10px -35px no-repeat; }
.chenqiujun { background:url(/img/banners/chenqiujun.png) -10px -35px no-repeat; }
.duanshengjiang { background:url(/img/banners/duanshengjiang.png) -10px -45px no-repeat; }
.fanshichun { background:url(/img/banners/fanshichun.png) -10px -35px no-repeat; }
.guofeng { background:url(/img/banners/guofeng.png) -10px -35px no-repeat; }
.hubin { background:url(/img/banners/hubin.png) -10px -35px no-repeat; }
.kati { background:url(/img/banners/kati.png) -10px -35px no-repeat; }
.likenan { background:url(/img/banners/likenan.png) -10px -35px no-repeat; }
.liupeng { background:url(/img/banners/liupeng.png) -10px -35px no-repeat; }
.liuranjun { background:url(/img/banners/liuranjun.png) -10px -50px no-repeat; }
.lufeifei { background:url(/img/banners/lufeifei.png) -10px -35px no-repeat; }
.mafengjuan { background:url(/img/banners/mafengjuan.png) -10px -35px no-repeat; }
.Martin { background:url(/img/banners/Martin.png) -10px -50px no-repeat; }
.rongxianjie { background:url(/img/banners/rongxianjie.png) -10px -35px no-repeat; }
.shitianliang { background:url(/img/banners/shitianliang.png) -10px -40px no-repeat; }
.sundongli { background:url(/img/banners/sundongli.png) -10px -35px no-repeat; }
.tianjian { background:url(/img/banners/tianjian.png) -10px -45px no-repeat; }
.tianlei { background:url(/img/banners/tianlei.png) -10px -35px no-repeat; }
.wangcheng { background:url(/img/banners/wangcheng.png) -10px -35px no-repeat; }
.wangning { background:url(/img/banners/wangning.png) -10px -35px no-repeat; }
.wangpeng { background:url(/img/banners/wangpeng.png) -10px -35px no-repeat; }
.wangyanmin { background:url(/img/banners/wangyanmin.png) -10px -35px no-repeat; }
.wansongbai { background:url(/img/banners/wansongbai.png) 0 -35px no-repeat; }
.xiaoliupeng { background:url(/img/banners/xiaoliupeng.png) -10px -35px no-repeat; }
.xuguoyu { background:url(/img/banners/xuguoyu.png) -10px -35px no-repeat; }
.yangsanmao { background:url(/img/banners/yangsanmao.png) -10px -55px no-repeat; }
.yanlizhi { background:url(/img/banners/yanlizhi.png) -10px -35px no-repeat; }
.yueyanqiang { background:url(/img/banners/yueyanqiang.png) 10px -56px no-repeat; }
.yuyang { background:url(/img/banners/yuyang.png) 0 -70px no-repeat; }
.zhangaimin { background:url(/img/banners/zhangaimin.png) -10px -55px no-repeat; }
.zhanglin { background:url(/img/banners/zhanglin.png) -10px -35px no-repeat; }
.zhangtao { background:url(/img/banners/zhangtao.png) -10px -35px no-repeat; }
.zhangwei { background:url(/img/banners/zhangwei.png) -10px -40px no-repeat; }
.zhangzhimei { background:url(/img/banners/zhangzhimei.png) -10px -35px no-repeat; }
.zhengli { background:url(/img/banners/zhengli.png) -10px -30px no-repeat; }
/***********End Page Banne**********************************************************************************************************************************/
body.index .banner { height:352px; background:none repeat scroll 0 0 /*#e42425*/; width:100%; margin-bottom:20px; /*border-top: 10px solid #d21414; border-bottom: 2px solid #d21414;*/ }
#main { width:950px; margin:0 auto; overflow:hidden; line-height:1.6em; color:#555; }
#main_content ul li strong { color:#666 }
/*home*********************************************************************************************************************/
.index #main { margin-top:30px; }
.about h2 { font-size:17px; }
.advantage h2 { font-size:15px; }
.clients h3 { font-size:15px; }
.main-right { float: right; width: 270px; background:url(/img/home-line.png) no-repeat left; }
.main-right a { color:#555; text-decoration:none; }
.main-right a:hover { color:#d21919; }
.index_ip { margin-bottom:20px; }
.index_ip h3 { background:#d21919; color:#fff; padding:5px 10px; font-size:15px; }
.index_ip li { line-height:1.65em; margin-bottom:10px; }
.index_news li { line-height:1.65em; margin-bottom:10px; }
.index_news h3 { color:#d21919; display:block; border-bottom:1px solid #d21919; font-size:15px; line-height:2em; }
.index_news h3 a { font-size:12px; font-weight:normal; float:right; color:#145dac; text-decoration:underline; }
.index_news span { color:#ababab; font-size:12px; float:right; }
.clients { overflow:hidden; margin-top:20px; }
/*.pagecontent h2 { color:#d21919; font-size:17px; margin-top:30px; margin-bottom:25px; }*/
.pagecontent { padding-bottom:30px; min-height:500px;padding-left: 30px; }
.contact .pagecontent { min-height:10px; }
.page .links { margin-top:40px }
.about .links { margin-top:60px }
.pagecontent ul.item_noicon { list-style:none; }
.item_icon2 li a { background:url(/img/item_icon2.gif) 0 7px no-repeat; display:block; padding-left:8px }
.pagecontent ul.item_icon3 li { background:url(/img/item_icon3.gif) 0 7px no-repeat; display:block; margin:0; padding-left:13px; }
/*.index #sidebar { padding:0; width:385px; margin-left:15px; } */
.index #sidebar { /*background:url(/img/index_sidebarbg.gif) -5px 10px no-repeat; padding:10px 0 5px 0px;font-size:12px;border-radius:0 0  18px; width:245px; float: right;*/ }
#sidebar .widget { padding:5px 0 }
.index #sidebar .widget h3 { color:#555; font-size:1.5em; padding-bottom:7px; padding-top:11px; }
.index #sidebar h3 { /*background-image:url(/img/sidebartitlebg.png); background-position:left top; background-repeat:repeat-x;*/ margin:-2px -10px 1em -16px; padding:4px 20px 6px 18px }
#sidebar .widget .con { height:60px; padding-top:5px; background:url(/img/bg_caseWrap.jpg) 0 100% no-repeat; }
#sidebar .widget_case .con { padding-top:15px; height:50px; overflow:hidden; }
#sidebar .widget .con img { float:left; width:115px; margin:0 0 0 5px; _display:inline; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
zoom:1; }
#sidebar .widget .con h3 { margin:0 15px 0 150px; font-size:12px; font-weight:800; color:#555; }
#sidebar .widget .con p { margin:3px 15px 0 150px; }
#sidebar .widget_knowRight .con p { margin-top:10px; }
.widget_case li { display:none; height:50px; }
.widget_case li.curr { display:block; height:50px; }
.pagecontent ul { list-style:disc; padding-left:15px; margin-bottom:1.5em; }
.pagecontent ul li { margin:3px 5px }
.index #sidebar .widget h4 { color:#555; font-size:12px; padding-bottom:5px; padding-top:6px; }
.index #sidebar h4 { background-image:url(/img/sidebartitlebg.png); background-position:left top; background-repeat:repeat-x; margin:-0px -10px 1em -15px; padding:4px 20px 6px 18px; }
.index #sidebar li { padding-bottom:5px }
.page #sidebar .widget { margin-bottom:20px; margin-left:2px }
.widget_news li { padding-bottom: 0px !important; }
/*.widget_news li span { color:#555; display:block; font-size:.8em; margin-bottom: 2px; } */
.widget_news li span { float: right; padding-right: 15px; width: 50px; }
.widget_news li a { line-height: 1.3; }
.widget_news li a:hover { color:#d00; text-decoration:underline; }
.widget_news p.more { text-align:right; }
.widget_news p.more a { display:inline-block; padding:0 10px; width:65px; text-align:left; line-height:25px; color:#fff; text-decoration:none; background:#6d6e71 url(/img/bg_indexNewsMore.jpg) 0 0 no-repeat; border-radius:12px; }
.widget_news p.more a:hover { text-decoration:underline; }
.index .widget .widget_date { width: 50px; float: right; font-size: 0.9em; line-height: 21px; padding-right: 22px; display:inline; }
.page #sidebar .widget li { border-bottom:1px solid #f4f4f4; margin-left:2px; padding:2px 5px 2px 26px; line-height:18px; }
.page #sidebar .main_nav li { background:url(/img/main_nav_itembg.gif) no-repeat bottom center; border-bottom:0 solid #fff }
.page #sidebar h4 { background:#e8eaeb; border-bottom:2px solid #f6f7f7; color:#555; margin-bottom:0; padding:5px 5px 5px 25px }
#sidebar a.more { color:#444; display:block; font-size:1.1em; text-align:right }
#sidebar .help { background:url(/img/sidehand.png) no-repeat 90px 30px }
.page #main .main_container { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden; }
body.index .main_container_bottom,
body.sitemap .main_container_bottom { background:url(/img/pagefooter_page_bg.gif) no-repeat top; width:950px; height:18px; margin:0 auto; margin-bottom:10px; }
/**footer begin**************************************************************************************/
#footer { background:#494949; width:100%; }
#footer .box { background:none; width:950px; /*height:310px; margin-right:0; */ padding:30px 0; margin:0 auto; font-size:13px; }
#footer .box a { color:#efefef; line-height:22px; text-decoration:none; font-size:13px; }
#footer .box a:hover { text-decoration:underline }
#footer .logos li { margin:0; padding:0; }
#footer .logos li a { display:block; zoom:1; text-indent:-1000em; overflow:hidden; height:50px; width:100%; background-image:url(/img/footicons2.png); background-repeat:no-repeat; margin-bottom:30px; }
#footer .logos li.logo1 a { background-position:-200px 0; }
#footer .logos li.logo2 a { background-position:-200px -50px; }
#footer .logos li.logo3 a { background-position:-200px -103px; }
#footer .logos li.logo4 a { background-position:-200px -150px; }
#footer .logos li.logo1 a:hover { background-position:0 0; }
#footer .logos li.logo2 a:hover { background-position:0 -50px; }
#footer .logos li.logo3 a:hover { background-position:0 -103px; }
#footer .logos li.logo4 a:hover { background-position:0 -150px; }
#footer li.li-n1 { color:#fff; font-size:14px; font-weight:700 }
#footer li.li-n1 a { font-size:14px; }
#footer .bottom { height:70px; }
#footer .footer-links { float:left; width:570px; }
#footer .footer-contact { _display:inline; color: #efefef; float: right; padding: 0 5px 0px 0px; width:214px; line-height:25px; font-size:13px; }
#footer .footer-contact b { font-size:14px; display:block; color:#efefef; }
#footer .footer-contact b a { font-size:13px !important; font-weight:bold !important; }
#footer .footer-social-links { margin-top:15px; }
#footer .footer-social-links img { vertical-align:middle; margin-right:5px; }
.copyright-box { background:#d21919; line-height:30px; }
.copy { width:950px; margin:0 auto; color:#fff; font-size:12px; }
/**footer end*********************************************************************************************************/
.flowpanes { clear:both; overflow:hidden; position:relative; z-index:20 }
.item_container { display:block; float:left; position:relative; z-index:20 }
.form_container { margin-bottom:40px }
.form_container fieldset,
.jobs { -moz-border-radius:5px; -moz-box-shadow:3px 3px 15px #eee; -webkit-box-shadow:3px 3px 15px #eee; background:#efefef; border:2px solid #d9d9d9; border-radius:5px; box-shadow:3px 3px 15px #eee; margin:5px; padding:10px; 　-webkit-border-radius:5px }
.form_container input { padding:8px; width:60% }
.form_container textarea { width:97% }
.form_container .button { background:url(/img/buttonbg.png) no-repeat left top; border:none; cursor:pointer; font-size:1.2em; height:30px; padding:3px; text-shadow:1px 1px 10px #fff; width:100px }
.form_container .item { background:url(/img/formbgline.gif) repeat-x bottom left; padding-bottom:3px; padding-top:3px }
.Managementteam dl img { clear:left; float:left; margin:0 30px 20px 0 }
.Managementteam dt { color:#373737; font-size:1.3em; font-weight:400 }
.Managementteam dd.job { color:#373737; font-size:1.1em }
.Managementteam dd.text { clear:both; margin-bottom:20px }
.backlist { padding-bottom:20px }
.backlist a { font-size:1.2em }
.index div.client { height:100px; overflow:hidden; }
.client .item .clogo { float:right; _display:inline; height:100px; margin-right:0; text-align:left; width:200px; margin-top:30px }
.client-list .item p { width:440px; }
.jobs .office { display:none; }
.jobs .uk #uk,
.jobs .bj #bj,
.jobs .cq #cq,
.jobs .cd #cd,
.jobs .fz #fz,
.jobs .wh #wh,
.jobs .qd #qd,
.jobs .sz #sz,
.jobs .tj #tj,
.jobs .dl #dl,
.jobs .sh #sh,
.jobs .zz #zz { display:block; padding:10px 15px 30px }
.jobs { overflow:hidden; padding:0 }
.jobheader { background:url(/img/boxheader.gif) repeat-x left top; font-weight:700; height:40px }
.jobheader div { background:url(/img/boxarr.gif) no-repeat right center; padding:10px 12px 8px 12px }
.jobheader div.last { background:none; padding:0px 5px }
.ie .jobheader div.last { padding:4px 5px }
#selected { background:url(/img/boxtopbg.gif) repeat-x left top; clear:both; min-height:300px; width:100% }
.jobs h4 { margin-left:15px }
.jobs ul { margin-bottom:20px; margin-left:15px }
.easyworking .pagecontent { min-height:400px }
#tabs { background:url(/img/tab_line.gif) repeat-y left top; position:relative; min-height:320px; zoom:1; /*For ie6*/ }
#tabs h3 { clear:left; cursor:pointer; display:block; float:left; height:80px; text-indent:-1000em; width:130px }
#tabs div { display:none; }
.easyworking h3.t1 { background:url(/img/tab_freedom.gif) no-repeat left center }
.easyworking h3.t2 { background:url(/img/tab_obey.gif) no-repeat left center }
.easyworking h3.t3 { background:url(/img/tab_librariy.gif) no-repeat left center }
.easyworking .t1on h3.t1 { background:url(/img/tab_freedom_on.gif) no-repeat right center; margin-right:-30px; z-index:8 }
.easyworking .t2on h3.t2 { background:url(/img/tab_obey_on.gif) no-repeat right center; margin-right:-30px }
.easyworking .t3on h3.t3 { background:url(/img/tab_librariy_on.gif) no-repeat right center; margin-right:-30px }
.easyworking .t1on div#freedoms,
.easyworking .t2on div#obey,
.easyworking .t3on div#library { display:block; width:518px; left:112px; min-height:300px; padding-left:30px; position:absolute; z-index:6 }
.datatable .bg { background:url(/img/whatwedobg.jpg) no-repeat 0 0; table-layout:fixed; width:200px }
.datatable .bg h5 { display:inline; margin:0; padding:0 }
.datatable td.on { background-position:-220px 0 }
.datatable .bg a { display:block; height:85px; padding-top:50px; text-align:center; vertical-align:middle; width:100% }
.datatable .txt { width:69% }
.dashi .pagecontent ul { margin:0; padding:0; }
.dashi .pagecontent li.header { background-color:transparent; font-size:20px; list-style:none; padding-left:0; margin-bottom:-28px; margin-top:25px; padding-top:5px; border-top:1px solid #eee; }
.dashi .pagecontent li { list-style:none; padding:2px 10px 2px 60px; border-radius:5px; margin-bottom:8px; }
.clientcomment { background:url(/img/clientsidebg.png) no-repeat right top; height:190px; margin-top:30px; padding:20px 20px 5px 70px; width:160px }
.clientcomment .more { display:block; text-align:right; text-decoration:underline }
.commentlinks { padding-left:50px }
body.mobileClientDevelop li.mo a,
body.agile_odc .s-agile_odc a,
body.managed_odc .s-managed_odc a,
body.odc_fixedprice .s-odc_fixedprice a,
body.fixed_price .s-fixed_price a,
body.otc .s-otc a,
body.applicationsystem .sy a,
body.applicationdevlop .de a,
.Companyprofile .item_icon2 li.cp a,
.mission .item_icon2 li.mv a,
.culture .item_icon2 li.ut a,
.track .item_icon2 li.gt a,
.Managementteam .item_icon2 li.mt a,
.VisionMission .item_icon2 li.vm a,
.news .item_icon2 li.news a,
.testcenter .item_icon2 li.tc a,
.managedodc .item_icon2 li.mo a,
.staffodc .item_icon2 li.so a,
.odcprice .item_icon2 li.op a,
.Collaboration .item_icon2 li.ci a,
.Agiledevelopment .item_icon2 li.ad a,
.developers .item_icon2 li.de a,
.security .item_icon2 li.se a,
.easyworking .item_icon2 li.wf a,
.training .item_icon2 li.tr a,
.carrerdevelopment .item_icon2 li.sd a,
.offers .item_icon2 li.jo a,
.productdev .item_icon2 li.pd a,
.applicationdev .item_icon2 li.ad a,
.projectrescue .item_icon2 li.pr a,
.migrationreen .item_icon2 li.mr a,
.maintenanceenhan .item_icon2 li.me a,
.offers .item_icon2 li.st a,
.productdev .pd a,
.dashi .das a,
.net .net a,
.c .c a,
.java .java a,
.flash .flash a,
.iphone .iphone a,
.php .php a,
body.contact_guestBook .gb a,
body.contact_list .co a,
body.csm .s-csm a,
.partner .item_icon2 li.q1 a,
.engineer .item_icon2 li.q2 a,
.agiledev .item_icon2 li.q3 a,
.property .item_icon2 li.q4 a,
body.ecomsolution_intershop .item_icon2 li.ecs1 a,
body.ecomsolution_ofbiz .item_icon2 li.ecs2 a,
body.ecomsolution_magento .item_icon2 li.ecs3 a,
.offshore .item_icon2 li.mo1 a,
.applicationdev .item_icon2 li.mo2 a,
.applicationsystem .item_icon2 li.mo4 a,
.iphone .item_icon2 li.mo5 a,
.global .item_icon2 li.mo6 a,
.testcenter .item_icon2 li.mo6 a,
body.page-usability .item_icon2 li.mo1 a,
body.page-globalService .item_icon2 li.mo6 a,
body.page-angileDev .item_icon2 li.mo3 a,
body.shine-EMS .item_icon2 li.ecs2 a { background:url(/img/item_icon2_red.gif) 0 7px no-repeat; color:#d21919; display:block }
.links { font-size:1em; margin-bottom:10px; padding-left:10px }
.links h3 { border-bottom:2px solid #efefef; color:#999; font-size:1.2em; margin:0 0 0 20px; padding:20px 0 10px }
.links a { color:#999; line-height:20px }
.links a img { margin-left:3px; vertical-align:middle }
.links li { background-image:url(/img/item_reddot.gif); background-position:0 9px; background-repeat:no-repeat; border-bottom:1px solid #efefef; padding-left:8px }
.datatable { border-color:#CCC; border-style:solid; border-width:1px; margin-bottom:5px; width:70%; }
.borderedCenterTable tr th { background-color:#00A8F9; border:1px solid #fff; border-bottom:none; border-left:none; padding-left:1px; padding-right:1px; text-align:center; color:#fff; }
.borderedCenterTable tr.odd td { background-color:#FFF; border:1px solid #fff; border-bottom:none; border-left:none; padding-left:1px; padding-right:1px; text-align:center }
.borderedCenterTable tr.event td { background-color:#E4E4E4; border:1px solid #fff; border-bottom:none; border-left:none; padding-left:5px; padding-right:5px; text-align:left }
div.form fieldset div.submits input { color:#444; font-weight:700; vertical-align:middle }
a.footerLink { color:#FFF; font:Arial, Helvetica, sans-serif; text-decoration:underline }
body.page,
body.simple { background-color:#A2A2A2; background-position:0 76px; background-repeat:repeat-x }
a:active, a.mail:active, :-moz-any-link:focus, #main_content a:active {
outline:none
}
/*a.mail,
#main_content a { color:#2c5784; text-decoration:underline }*/


#main_content ul li strong { color:#666 }
.page #main .main_container { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden; }
body.index .main_container_bottom,
body.sitemap .main_container_bottom { background:url(/img/pagefooter_page_bg.gif) no-repeat top; width:950px; height:18px; margin:0 auto; margin-bottom:10px; }
.main_container_bottom { background:url(/img/pagefooterbg.gif) no-repeat top; width:950px; height:18px; margin:0 auto; margin-bottom:10px; }
.links .itemicon li a,
.pagecontent ul.year { list-style:none }
.borderedTable,
.borderedCenterTable { border:1px solid #999; border-right:none; border-top:none }
.borderedTable tr th,
.borderedTable tr td { border:1px solid #999; border-bottom:none; border-left:none }
.borderedTable th { background-color:rgb(229, 236, 249) }
/*table.borderedTable tr td { background:none; }*/
table.borderedTable tr.odd td { background-color:#E4E4E4; }
.jcarousel-list li,
.jcarousel-item { text-align:center; }
.page .pagecontent h3.secTitle { clear:left; padding:3px 0; margin-top:0; font-size:14px; color:#D21919; }
.page .pagecontent div.sec { padding:10px 8px; margin-bottom:20px; border:1px #ccc solid; border-radius:6px; /*margin-left:-8px;*/ clear: both; height: auto; overflow: hidden; }
.page .pagecontent div.item { display:inline-block; *display:inline;
zoom:1; vertical-align:top; /*width: 276px; margin:0 15px 12px 0;*/ }
#main_content div.sec a { text-decoration:none; }
#main_content div.sec a:hover { text-decoration:underline; }
.page .pagecontent div.item h5 { background-color: #F7F7F7; margin-bottom: 5px; padding: 3px; }
.h6em { padding-right:10px; margin-top:12px; width:285px; height:140px; height:142px; }
.price { margin-top:-50px; margin-bottom:50px; color: #D21919; font-weight:normal; text-align:center; }
.cbbb { color:#bbb; padding:5px; }
/*.clienttype{ overflow:hidden; clear:both;}
.clienttype li{ list-style:none; width:60px; height:72px; margin-right:10px; background:url(/img/clienttype.gif) no-repeat left top; float:left; padding:10px 10px 5px 10px; font-size:14px;}*/
.clienttype li.small { font-size:12px; line-height:14px; }
#main_content ul.bignub li { line-height:2.5em; }
#main_content ul.bignub li strong { font-size:1.7em; color:#bbb; font-weight:normal; }
/*case stuey*/
p.keyword { display:none; }
p.from { margin-top:-1.5em; text-align:right; color:#666; font-style:italic; }
/*顾问团队：services/it_consulting.shtml*/
dl.consultant { }
dl.consultant img,
dl.consultant div { display:inline-block; *display:inline;
zoom:1; vertical-align:top; }
dl.consultant img { margin:-18px 8px 0 0; }
dl.consultant div { width:470px; }
dl.consultant dt { margin-left:128px; padding: 15px 0 0; font-size:14px; }
dl.consultant dd { margin:0 0 25px; }
dl.consultant dd p { margin:8px 0; }
h3.consultant { font-size:14px; color:#D21919; }
/*service.shtml*/
ul.serviceList { list-style:none; margin-right:10px; padding:0; }
ul.serviceList li.item { padding:12px 0 14px 105px; border-bottom:1px #eee solid; background:url(/img/ico_serviceList.png) 0 center no-repeat; }
ul.serviceList li.last { border:none; }
ul.serviceList li.item_ZiXun { background-position:0 35px; }
ul.serviceList li.item_Ceshi { background-position:0 -235px; }
ul.serviceList h5 { margin-bottom:8px; font-size:13px; color:#333; }
ul.serviceList ul { padding-left:0; margin-bottom:8px; }
ul.serviceList .price { margin:0; }
ul.serviceList a { display:inline-block; margin-left:15px; }
ul.serviceList p { margin:0; }
/* serveiceList 2012.7.26 */
ul.service-list { list-style: none; padding: 0; }
ul.service-list li.item { border:1px #ccc solid; margin: 0 0 10px; }
ul.service-list dt { width:190px; float: left; }
ul.service-list dt a { display: block; padding-top:50px; height: 80px; text-align: center; background: url(/img/whatwedobg.jpg) no-repeat 0 0; }
ul.service-list dt a:hover { background-position: -240px 0; }
ul.service-list dd { margin-left: 200px; padding-top:20px; }
ul.service-list dd ul { list-style: none; }
ul.service-list dd li { background: url(/img/item_icon3.gif) 0 7px no-repeat; padding-left: 13px; }
ul.service-list p { clear: both; padding: 10px 0 10px 20px; background: #EAEAEA; margin:0; border-top:1px #eeeeee solid; }
.no-HuiKou-side { margin:20px 0 0 0; text-align:center; }
/*rightcolumn help*/
.rightcolumn { margin-top:50px; line-height:1.5em; }
.rightcolumn h4 { font-size:15px; }
.icon_email { background:url(/img/icon_email.png) no-repeat; display:inline-block; vertical-align:middle; width:15px; height:11px; margin-right:5px; }
.rightcolumn .bar_title_r { /*border-bottom:2px solid #EFEFEF;*/ color:#999; font-size:1.2em;/*margin:0 0 0 20px;*/ padding:10px 0 10px 0; line-height: 1; margin-bottom: 0.5em; font-weight:bold; }
.rightcolumn .bar_title_r a { font-size:14px; line-height: 18px; }
.rightcolumn .bar_title_r a:hover { text-decoration:underline; }
.rightcolumn p a { text-decoration:underline; }
.rightcolumn a { text-decoration:none; }
.rightcolumn .helps { /*background: url("/img/sidehand.png") no-repeat scroll 70px 160px #F5F5F5;*/ border-radius: 3px 3px 3px 3px; margin-bottom: 12px; margin-left: 10px; padding: 0 5px 20px 15px; width: 170px; border-radius:8px; border: 1px solid #e3d3d3; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; }
.rightcolumn .user-box { float:left; padding:0 5px 0px 15px; width:180px; }
.rightcolumn li { background-position:0 9px; background-repeat:no-repeat; /*border-bottom:1px solid #e9e9e9;*/ /*padding-left:8px*/ color:#666; margin-bottom:3px; }
.rightcolumn .distance { margin: 0 0 10px 10px; }
.home_about li { list-style:disc inside; padding-left:10px; }
.contact-number {/* padding-left: 20px; */ }
/*quality*/
.zoneWrap { background: none repeat scroll 0 0 #F5F5F5; border-radius: 5px 5px 5px 5px; margin-left: -10px; padding: 5px; width: 640px; }
.zoneWrap .zone { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0 #C4C4C4; float: left; margin: 10px; min-height: 240px; padding: 15px; width: 270px; }
.zoneWrap h4 { border-bottom: 1px solid #E8EAEB; font-size: 12px; line-height: 2.5; margin-bottom: 0.8em!important; margin-top:0 !important; }
.zoneWrap h4 span.zone-sub { display:block; color: #D21919; line-height:1.2; margin:0 0 8px; font-size:12px; }
.zoneWrap p { margin-bottom: 0.6em; }
.zoneWrap ul { margin-bottom: 0.6em; }
.zoneWrap ul li { margin: 0 10px; }
/*service*/
/********************service page********************************************/
/*.pagecontent .items-left h2 { padding-top:0; }
.what-we-do { border-bottom:1px solid #bcbec0; margin-bottom:30px; }
.what-we-do h2 { margin-top:0; }*/
.items-left { clear:both; padding-bottom:40px; height:auto; overflow:hidden; padding-left:80px; }
.items-left.service-item { background:url("/img/green-icon.png") no-repeat left top; }
.items-left.business-item { background:url("/img/blue-icon.png") no-repeat left top; }
.items-left.tech-item { background:url("/img/yellow-icon.png") no-repeat left top; }
.pagecontent .item-link ul { list-style:none; margin:0; padding:0; }
.item-link ul li { background:url("/img/list-bj.png") no-repeat left center; padding-left:10px; }
ul.piclist { width:500px; margin-top:20px; }
ul.piclist li { float:left; list-style:none; margin:10px 5px 10px 0; padding:0; }
/**********************end service page***************************************************/
ul.tab-menus { border-bottom: 1px solid #999999; height: 24px; line-height: 24px; list-style: none outside none; margin: 0; padding: 0 0 0 10px; }
ul.tab-menus li { cursor: pointer; display: inline-block; margin: 0; padding: 0 10px; }
ul.tab-menus a li { color: #222222 !important; }
ul.tab-menus a:hover li { color: #FF0000 !important; }
.tab-cnt { display: none; }
ul.tab-menus li.tab-menu-active { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #999999 #999999 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; cursor: default; margin-bottom: -1px; position: relative; }
.tab-cnt-active { display: block; }
ul.mobileAppCaseList { list-style: none outside none; padding-top:10px; }
ul.mobileAppCaseList li { clear: both; margin-left: 0; }
ul.mobileAppCaseList img { float: left; margin-top: 12px; width: 45px; }
ul.mobileAppCaseList .casestudies_title { color: #111111; font-size: 1em; font-weight: bold; margin-bottom: 5px; margin-left: 60px; padding: 0; vertical-align: baseline; }
ul.mobileAppCaseList p { margin-left: 60px; }
.page .pagecontent .oneservice h3 { margin:0; font-size:15px; width:350px; margin-bottom:10px; }
.page .pagecontent .oneservice h3 a { text-decoration:none!important; }
.page .pagecontent .oneservice p { color:#888; width:260px; }
.page .pagecontent .oneservice ul { float:left; margin:0; margin-left:10px; font-size:13px; }
.dottedline { border-bottom:1px dotted #ccc; margin: 0 0 1.45em; }
.maito { text-align:center; padding-top:20px; }
.map-div { text-align:center; }
.menu ul li ul { z-index:99999999999; }
.rightcolumn .career-offer { color:#d21414; padding-top:0; }
.rightcolumn .join-sidebar { border:0; }
.sec-block { width:400px; float:left; height:auto; overflow:hidden; }
#main h2.widget-tech-title a { color: #f00; }
/***.index #main{ 
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom:0;
padding-bottom:20px;
}***/


/****************** home slider begin***************************************************/


.slidesjs-container { width: 950px; height: 483px!important; }
#slides { width:100%; margin:0 auto; display: block; position:relative; height:463px!important; overflow-x:hidden!important; }
.banner-layer { height:463px!important; position:relative; }
.banner-layer .photographer { position:absolute; bottom:10px; right:10px; color:#666; }
.slides-container { width:950px; margin:0 auto; height:463px; position: relative; text-align:left; }
.banner-layer-01 { background:url("/img/banners/hu-bj.png") no-repeat center center; }
.banner-layer-02 { background:url("/img/banners/maxinghai-bj.gif") no-repeat center center; }
.banner-layer-03 { background:url("/img/banners/yanglizhi-bj.gif") no-repeat center center; }
.banner-layer-04 { background:url("/img/banners/zhangtao-bj.gif") no-repeat center center; }
.banner-layer-01 img { position:absolute; bottom:0px; left:530px; }
.banner-layer-02 img { position:absolute; bottom:0px; left:550px; }
.banner-layer-03 img { position:absolute; bottom:0px; left:580px; }
.banner-layer-04 img { position:absolute; bottom:0px; left:600px; }
.slide-text { position:absolute; width:500px; padding:20px; background:#000; opacity: 0.2; filter:alpha(opacity=20); top:150px; height:240px; }
.banner-layer p.greatPeople { top:160px; color:#fff; font-size:40px; z-index:99; left:20px; position:absolute; }
.banner-layer .name-position { position:absolute; /*	top:350px;*/ top:300px; color:#fff; font-size:36px; z-index:99; left:20px; }
.banner-layer .name-position span { /*font-size:32px;*/ font-size:18px;/*margin-left:10px;*/ }
.banner-layer .name-position p { font-size:32px; }
#slides .slidesjs-navigation { width: 36px; height: 66px; text-indent: -3000px; display: block; position: absolute; top: 266px; z-index: 5; display: block; }
#slides .slidesjs-previous { background: url(/img/next-prev.png) no-repeat left top; left: 15px; }
#slides .slidesjs-next { background: url(/img/next-prev.png) no-repeat right top; right: 15px; }
.slidesjs-pagination { float: right; list-style: none; position:absolute; left:390px; bottom:15px; z-index: 99999; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width:19px; height: 0px; padding-top: 19px; background-image: url(/img/pagination.png); background-position: 0 0; float: left; overflow: hidden; z-index: -9999; }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-position: 0 -19px }
.slidesjs-pagination li a:hover { width:19px; background-position: 0 -19px }
.index #main_content .more-btn,
#sidebar .more-btn { float: right; color: #2C5784; text-decoration: underline; }
#sidebar .more-btn:hover { color:#d21414 }
/****slider end*************************************************************************************************/
/***************移动tab**************/
#tabs { background:none; }
#tabs ul { height:45px; list-style:none; margin:0; padding:0; }
#tabs ul li { width:45px; height:45px; display:block; float:left; margin:0; margin-right:15px; }
#tabs ul li img { max-width:45px; max-height:45px; }
#tabs div.tab-item { clear:both; margin-top:20px; height:auto; }
#tabs div.tab-item { border-top:1px solid #c3c3c3; padding-top:15px; position:relative; display:block; }
#tabs div.tab-item p span { font-weight:bold; }
#tabs div.arrow-bj { position:absolute; width:26px; height:13px; background:url(/img/arrow-bj.png) no-repeat left top; top:-13px; display:block; z-index:99999; }
.list-big img { width:280px; }
.right-p { text-align:right;/*	padding-bottom:10px;
	border-bottom:1px dotted #D21919;*/ }
.pagecontent .client-list .item { clear:both; }
.common-box { position:relative; min-height:330px; overflow:hidden; border:1px solid #ccc; margin-bottom:15px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; padding:30px; margin-right:30px; }
.common-box .learn-more { position:absolute; bottom: 30px; left:80px; width:129px; height:47px; margin:0 auto; background:url(/images/more-bj.png) no-repeat left top; text-align:center; color:#fff; display:block; text-decoration:none; line-height:30px; }
.join_us { min-height:250px; }
/*
.box-n1 { margin-right:20px; margin-left:20px; }*/
/*.page .pagecontent .common-box h4 { text-align:center; margin-top:20px; }*/
/*#main_content .pagecontent .common-box h4 a { font-size:16px; color:#d21414; text-align:center; text-decoration:none; }
.add-us .common-box p { height:110px; }*/
/*.common-box p { width:235px; margin:0 auto; font-size:12px; color:#0f0f0f; line-height:22px; }*/
/*.quality .common-box p,
.add-us .common-box p { color:#555; width:245px; }*/
/*.common-box .p-des { width:245px; margin:0 auto; margin-top:10px; color:#555; height:154px; }
.pagecontent .common-box ul { width:260px; margin:0 auto; margin-top:20px; color:#555; }
.common-box ul li { color:#555; }
*/


.red { color:#d21919; }
.red_confirm { padding:4px 49px; background-color:#d21414; color:#faebeb; border-radius:8px; font-size:15px; float:left; margin-left:10px; }
.div_border { border-radius: 3px; padding:20px; background:#eef8fd; border-bottom:5px solid #fff; }
.padding-top19 { padding-top:19px; }
.div_border .span-13 { height:165px; margin-bottom:10px; }
.text-center { text-align:center; }
#main .advantage .span-7 { width:240px; padding-left:60px; padding-bottom:15px; margin-bottom:10px; }
#main .advantage .span-7 h2 { font-size:14px; padding-top:1px; color:#555; margin-bottom:0; }
.awards-pic .row { margin: 10px 0 10px -10px; }
.awards-pic img { margin-right: 2px; }
.consultant-item { float:left; margin-right:15px; }
.consultant-item a { text-decoration:none!important; }
.consultant-item img { padding:2px; border:1px solid #ccc; width:192px; height:160px; }
.consultant-item h2 { margin:0; font-weight:normal; }
.consultant-item p { color:#222; font-size:13px; }
.consultant-item.last { margin-right:0; }
.consultant-top { height:auto; overflow:hidden; padding-bottom:0px; /*height:228px; */ position:relative; margin-bottom:30px; }
.consultant-top img { float:left; padding:2px; border:1px solid #ccc; margin-right:30px; }
.consultant-top .gootat { float:left; }
.img-info { float:left; width:280px; }
.img-info h2 { margin:5px 0; }
.img-info p { margin-bottom:5px; clear:both; }
.goodat { border:1px solid #ccc; height:auto; overflow:hidden; padding:10px; position:absolute; bottom:0; width:256px; }
.goodat h2 { border-bottom:1px solid #ccc; font-size:14px; }
.goodat ul { margin:0; padding:0; list-style:none; padding-top:10px; }
.goodat ul li { float:left; text-align:center; }
.goodat ul li img { border:none; }
#main_content a.contact-consult { display:inline-block; padding:3px 15px; background:#d21414; color:#fff!important; text-decoration:none; border-radius:5px; }
#header { position:relative; background:none; }
.header-bg { background:#fff; opacity: 0.8;  filter:alpha(opacity=80); 
 height:77px; position:absolute; width:100%; }
#header .header { background:none; }
#xcx_tabmenu { background:none; position:relative; }
body { background:#fff!important; }
body .container { position: relative }
body.index .banner { position: absolute; top:0; padding-top: 0px; height:463px; }
/*************About us***************/
.shinetech_data{ padding:20px 0 40px 0;}
.shinetech_data_left{ font-family: "Kalinga"; font-size:40px; text-align: center; }
.shinetech_data_left .data_left_item{ line-height:65px;}
.shinetech_data_left .data_one{color: #ff0066;}
.shinetech_data_left .data_two{color: #00a2e6;}
.shinetech_data_left .data_three{color: #548beb;}
.shinetech_data_left .data_four{color: #5eae00;}
.shinetech_data_left .data_five{color: #2db5be;}
.shinetech_data_left .data_six{color: #ff6600;}
.shinetech_data_right{ border-left: 1px dashed #ccc;}
.shinetech_data_right .data_right_item{position: relative; line-height:65px;}
.shinetech_data_right .data_right_item p{ margin:0;}
.shinetech_data_right .data_right_dot{position: absolute; background:#fff url(/img/icons_dot.png) center no-repeat; width:20px; height: 20px; left:-10px; top:22px;}
.shinetech_data_right .data_right_content{margin-left: 25px;}

#main_content ul.list_value{ list-style:none; padding:0; margin:0;}
#main_content ul.list_value li{ line-height:30px;}
#main_content ul.list_value li strong{ color:#d21919; }
/*.aboutUsAdvantage { clear:both; padding-top:20px; }
.aboutUsAdvantage .aboutUsblock { float:left; text-align:center; padding:0 10px; }
.aboutUsAdvantage .aboutUsblock h2 { font-size:30px; color:#333; font-weight: normal; margin-top:10px; margin-bottom:15px; }
.aboutUsAdvantage .aboutUsblock.advantage01 { width:130px; }
.aboutUsAdvantage .aboutUsblock.advantage02 { width:205px; margin-left:15px; }
.aboutUsAdvantage .aboutUsblock.advantage03 { width:170px; margin-left:15px; }
.aboutUsAdvantage .aboutUsblock.advantage04 { width:220px; margin-left:30px; }
.aboutUsAdvantage .aboutUsblock.advantage05 { width:190px; margin-left:20px; }*/
/********************success-case******************/
.success-case h3, .contact h3 { padding-bottom:10px; margin-bottom:40px; clear:both; text-align:center; position:relative; padding-top:10px; font-size:18px; }
.success-case h3 span, .contact h3 span { position:absolute; bottom:-10px; background:#fff; z-index:99; padding:0 10px; left:50%; margin-left:-50px; min-width:100px; }
.success-case h3 .h3-line, .contact h3 .h3-line { position:absolute; border-bottom:1px solid #ccc; width:100%; z-index:30; top:20px; }
.case-box img.case-box-pic { width:340px; height:220px; padding:2px; border:1px solid #ccc; float: left; }
.case-des { width:575px; float: right; }
.case-des .client-logo { border:none; }
.client-logo { padding:1px; border:1px solid #ccc; }
.logo-list { clear:both; padding-top:30px; height:auto; overflow:hidden; padding-bottom:50px; }
.logo-list ul{ list-style:none; }
.logo-list ul li{ float:left; margin:0;}
.logo-list ul li.active .client-logo{ border:1px solid #d21919;}
.logo-list img.client-logo { margin-right:40px; margin-bottom:25px; }
.logo-list img.client-logo.last { margin-right:0; }
.des-text { margin-bottom:2.5em; }
.success-case ul.success-case-nav { list-style:none; margin:0; padding:0; height:auto; overflow:hidden; padding-bottom:30px; }
.success-case ul.success-case-nav li { float:left; border-right:1px solid #ccc; padding:10px 0; }
.success-case ul.success-case-nav li.last { border:none; }
.success-case ul.success-case-nav li a { font-size:18px; text-decoration: underline; padding:0 50px; color:#2c5784; }
.success-case ul.success-case-nav li span { display:inline-block; text-decoration:underline; }
.success-case ul.success-case-nav li span:hover { text-decoration:none; }
.list-arrow { background:url(/img/list-arrow.png) no-repeat center center; width:13px; height:7px; display:inline-block; padding-left:10px; }
.financial #financial span,
.industrial #industrial span { left:452px; }
.services #services span { left:438px; }
.IT #IT span { left:432px; }
.financial .case-des .client-logo { margin-left:-12px; margin-top:-22px; }
.services .case-des .client-logo { margin-left:-14px; margin-top:-20px; }
.industrial .case-des .client-logo { margin-left:-6px; margin-top:-18px; }
.IT .case-des .client-logo { margin-left:-24px; margin-top:-22px; }
p.des-title { margin-bottom:0.8em; margin-top:5px; }

/**************************iphone_development_outsouricng tabs***********************************/


.pagecontent .nav-tabs { display:block; padding:0; margin:50px 0 0 0; font-size:16px; }
.iphone .nav-tabs li { list-style:none; display:inline-block; margin:0 30px 0 0; }
.iphone .nav-tabs li.last { margin:0; }
.iphone .nav-tabs li:lastchild {
margin:0 0 0 0;
content:""
}
.iphone .nav-tabs li a { color:#145dac; padding:8px 30px; border:1px solid #fff; }
.iphone .nav-tabs li a:hover {/* color:#145dac*/ border:1px solid #ccc; border-radius:5px; }
.iphone .nav-tabs li.active a,
.iphone .nav-tabs li.active a:hover,
.iphone .nav-tabs li.active a:focus { color: #222; cursor: default; border: 1px solid #ccc; border-radius:5px; text-decoration:none; }
.tab-content { /*border-top: 1px solid #ddd;*/ margin:30px 0; }
.tab-content .tab-pane { display: none; }
.tab-content .active { display: block }
.list_cases ul { list-style: none; padding:0; margin:0; }
.list_cases ul li { list-style: none; padding:25px 0; margin:0; }
.list_cases ul li img { width:60px; height:60px; float: left; margin-right: 10px; margin-top: 7px; }
.list_cases ul li .appCase-screenshot-list { display:block; clear:both; }
.list_cases ul li .appCase-screenshot-list img { width:160px; height:auto; display:inline-block; margin-top:0; }
.list_cases ul li .app-screen { display:block; clear:both; }
.list_cases ul li .app-screen img { width:340px; height:auto; display:inline-block; margin-top:0; }
/************team page****************************************************************************************************/
.team_name { font-size:17px; color:#222; }
.mail { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/************news page****************************************************************************************************/
/*.news .year li { float:left; font-size:1.4em; font-weight:700; margin-left:0; margin-right:0; padding:5px }
.news .year li a:link { color:#6b6d62 }*/
.news .list li { clear:both; margin-top:20px; list-style:none; }
/*.news .list .date { color:#9e9e9e; display:block; float:left; font-size:1em; font-weight:700; margin-right:10px; padding-bottom:20px; width:80px }*/
/******************modal********************************************************************************************/
.modal-open { overflow: hidden }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 }
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0) }
.modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal-dialog { position: relative; width: auto; margin: 10px }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 }
.modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 }
.modal-header .close { margin-top: -2px }
.modal-title { margin: 0; font-size:15px; line-height: 1.42857143 }
.modal-body { position: relative; padding:15px 25px }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 }
.modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px }
.modal-footer .btn-group .btn+.btn { margin-left: -1px }
.modal-footer .btn-block+.btn-block { margin-left: 0 }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }
.modal-dialog { width: 600px; margin: 30px auto }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) }
.modal-sm { width: 300px }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; }
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.modal .form-group { margin-bottom: 10px; }
.modal label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: normal; }
.modal .form-control { display: block; width: 90%; /*height: 34px;*/ padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/***************************team page******************************/
.Managementteam .pagecontent{min-height: 250px;}
.team-area .nav-tabs li a{ float: left; width:110px; height:112px; border:8px solid #ececec;  margin:10px; background:#fff;}
.team-area .tab-content{ height:420px; color:#fff; background:#878787; color:#fdfef9; margin-top:10px;}
.team-area .tab-content .tab-pane{ padding:30px; }
.team-area .person-name{ font-size:23px; margin-bottom:10px;}
.team-area .person-position{ font-style:italic; }
.team-area .person-location{ margin-top:-23px;}
.team-area .nav-tabs{ margin-left:15px;}
.message-contact{ background:url(/img/message-icon.png) no-repeat left center; width:27px; height:27px; display:block; float: left; margin-right:5px;}
.email-contact{ background:url(/img/email-icon.png) no-repeat left center; width:27px; height:27px; display:block; float: left; margin-right:5px;}
.likedin-contact{ background:url(/img/likedin-icon.png) no-repeat left center; width:27px; height:27px; display:block; float: left;}
.management-title{ padding-bottom: 10px; margin-bottom: 40px; clear: both; text-align: center; position: relative; padding-top: 10px; font-size: 18px;}
.management-title span{ left:430px; background:#fff; position: absolute; bottom: -10px; z-index: 99; padding: 0 10px;}
.partner-title span{ left:439px;}
.management-title .h3-line{position: absolute; border-bottom: 1px solid #ccc; width: 100%; z-index: 30; top: 20px;}
.person-pic{ display: block; width:110px; height:112px;}
.person-pic.zhangjw{ background:url("/img/Mteam/team-new/zhangjw.png") no-repeat -20px top;}
.person-pic.jh{ background:url("/img/Mteam/team-new/jh.png") no-repeat -40px top;}
.person-pic.john{ background:url("/img/Mteam/team-new/john.png") no-repeat 5px top;}
.person-pic.yyq{ background:url("/img/Mteam/team-new/yyq.png") no-repeat -40px top;}
.person-pic.zjc{ background:url("/img/Mteam/team-new/zjc.png") no-repeat -5px top;}
.person-pic.admin{ background:url("/img/Mteam/team-new/admin.png") no-repeat -30px top;}
.person-pic.yuyang{ background:url("/img/partner/forTeam/yuyang.png") no-repeat -30px top;}
.person-pic.zhouhaibin{ background:url("/img/partner/forTeam/zhouhaibin.png") no-repeat -30px top;}
.person-pic.maxinghai{ background:url("/img/partner/forTeam/maxinghai.png") no-repeat -30px top;}
.person-pic.yangchunxin{ background:url("/img/partner/forTeam/yangchunxin.png") no-repeat -30px top;}
.person-pic.wangpeng{ background:url("/img/partner/forTeam/wangpeng.png") no-repeat -80px top;}
.person-pic.chenmingxing{ background:url("/img/partner/forTeam/chenmingxing.png") no-repeat -10px -5px;}
.person-pic.hubin{ background:url("/img/partner/forTeam/hubin.png") no-repeat -50px top;}
.person-pic.zhangtao{ background:url("/img/partner/forTeam/zhangtao.png") no-repeat -30px top;}
.person-pic.caijinyi{ background:url("/img/partner/forTeam/caijinyi.png") no-repeat -30px top;}
.person-pic.yanglizhi{ background:url("/img/partner/forTeam/yanglizhi.png") no-repeat -30px top;}
.person-pic.yanbingfeng{ background:url("/img/partner/forTeam/yanbingfeng.png") no-repeat -30px top;}
.person-pic.baowen{ background:url("/img/partner/forTeam/baowen.png") no-repeat -30px top;}
.shinetech-partner .tab-content{ min-height:450px; height:auto; overflow:hidden;}
.success-case .pagecontent .nav-tabs { margin-top:10px;}
/*.item{ width:460px; float:left; display:none; }
.item-2 li{ clear: left;}
.item.active{ display:block;}*/
.team-area .carousel{position: relative;}
.team-area .carousel-control .glyphicon{position: absolute; width:30px; height:52px; display:block; top:200px; }
.carousel-control.left .glyphicon-chevron-left{ display:none;}
.carousel-control.right .glyphicon-chevron-right{ background:url("/img/arrow-right.png") no-repeat left top;   right:-25px;}
/******contact page*************************************************************************************************************************************/
.contact_icon_map,.contact_icon_mail { background:url(/img/contact_icon_map.png) no-repeat; width:32px; height:32px; vertical-align:middle; display:inline-block;}
.contact_icon_mail{ background:url(/img/contact_icon_mail.png) no-repeat;}
.map_bg{ background:url(/img/map_bg.gif) center center no-repeat; min-height:600px;}
.contact h2{ font-size:21px; margin-bottom:20px;}


#myCarousel{    min-width: 950px;}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    width: 100%;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}
.carousel-inner>.item>img{
  width: 100%;
}
.carousel-inner>.item>a>img{
  width: 100%;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
  
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    display: none;
    width: 40px;
    height: 76px;
    margin-top: -38px;
}

.carousel-control.left {
  left:5px;
  right:auto;
  background:url(../img/next-prev.png) no-repeat scroll left top;
}

.carousel-control.right {
  right:5px;
  left:auto;
    background:url(../img/next-prev.png) no-repeat scroll right top;
}

#myCarousel:hover .carousel-control {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}


.carousel-inner .bg_item01{ background:url(../images/banners/banner_a01.png) no-repeat ; width: 39.75%; height: 100%; position: absolute; top:0; bottom: 0; z-index: 99; background-size: 100% 100%; left:11.3125%; text-align: center; }
.carousel-inner .bg_item01 .inner{
  color:#fff; font-size: 30px;
  width: 51.257%;
  margin:0 auto;
  margin-top: 15%;
}
.carousel-inner .bg_item02{ background:url(../images/banners/banner_a02.png) no-repeat ; width: 39.75%; height: 100%; position: absolute; top:0; bottom: 0; z-index: 99; background-size: 100% 100%; left:11.3125%;text-align: center;color:#fff;}
.carousel-inner .bg_item02 .inner{
  color:#fff; font-size: 30px;
  width: 51.257%;
  margin:0 auto;  text-align: center;
  margin-top: 13%;
}
.carousel-inner .bg_item02 .inner .inner_img{ width:auto ; vertical-align: middle; margin-right: 5px;}
.carousel-inner .bg_item03{ background:url(../images/banners/banner_a03.png) no-repeat ; width: 39.75%; height: 100%; position: absolute; top:0; bottom: 0; z-index: 99; background-size: 100% 100%; left:11.3125%;text-align: center;color:#fff;}
.carousel-inner .bg_item03 .inner{
  color:#fff; font-size: 30px;
  width: 51.257%;
  margin:0 auto;
  margin-top: 20%;
  text-align: center;
}
.carousel-inner .bg_item03 .inner .inner_img{ width:120px; ; vertical-align: middle; margin-right: 3px; margin-left: 3px;}
.link_pro{ padding:5px 0; background-color: #fff; border-radius: 10px; border:0; text-align: center; text-decoration: none; color: #333;display: block; width: 107px; margin: 0 auto; margin-top: 20px; font-size: 14px;}
.link_pro:hover{ color: #333;}
@media(max-width: 1750px){
   .carousel-inner .bg_item03 .inner{font-size: 30px;}
  .carousel-inner .bg_item03 .inner .inner_img{ width:110px ; vertical-align: middle;}
}
@media (max-width:1650px ){
  .carousel-inner .bg_item01 .inner{font-size: 30px;}
  .carousel-inner .bg_item02 .inner{font-size: 30px;}
  .carousel-inner .bg_item02 .inner .inner_img{ width:120px ; vertical-align: middle;}
   .carousel-inner .bg_item03 .inner{font-size: 30px;}
  .carousel-inner .bg_item03 .inner .inner_img{ width:110px ; vertical-align: middle;}
}
@media (max-width:1520px ){
    .carousel-inner .bg_item01 .inner{font-size: 28px;}
  .carousel-inner .bg_item02 .inner{font-size: 28px;}
   .carousel-inner .bg_item03 .inner{font-size: 28px;}
}
@media (max-width:1460px ){
  .carousel-inner .bg_item01 .inner{font-size: 28px;}
  .carousel-inner .bg_item02 .inner{font-size: 28px;}
  .carousel-inner .bg_item02 .inner .inner_img{ width:110px ; vertical-align: middle;}
   
  .carousel-inner .bg_item03 .inner .inner_img{ width:100px ; vertical-align: middle;}
}
@media (max-width:1430px ){
   .carousel-inner .bg_item01 .inner{font-size: 26px;}
  .carousel-inner .bg_item02 .inner{font-size: 26px;}
   .carousel-inner .bg_item03 .inner{font-size: 26px;}
}
@media (max-width:1355px ){
  .carousel-inner .bg_item01 .inner{font-size: 25px;}
  .carousel-inner .bg_item02 .inner{font-size: 25px;}
  .carousel-inner .bg_item02 .inner .inner_img{ width:100px ; vertical-align: middle;}
   .carousel-inner .bg_item03 .inner{font-size:25px;}
  .carousel-inner .bg_item03 .inner .inner_img{ width:90px ; vertical-align: middle;}
}
@media (max-width:1280px ){
  .carousel-inner .bg_item01 .inner{font-size: 23px;}
  .carousel-inner .bg_item02 .inner{font-size: 23px;}
    .carousel-inner .bg_item03 .inner{font-size: 23px;}
}
@media (max-width:1185px ){ 
   .carousel-inner .bg_item01 .inner{font-size: 22px;}
  .carousel-inner .bg_item02 .inner{font-size: 20px;}
  .carousel-inner .bg_item03 .inner{font-size: 22px;}
}
@media (max-width:1170px ){
  .carousel-inner .bg_item01 .inner{font-size: 20px;}
  .carousel-inner .bg_item02 .inner{font-size: 20px;}
    .carousel-inner .bg_item03 .inner{font-size: 20px;}
}
@media (max-width:1060px ){
  .carousel-inner .bg_item01 .inner{font-size: 18px;}
  .carousel-inner .bg_item02 .inner{font-size: 18px;}
    .carousel-inner .bg_item03 .inner{font-size: 18px;}
     .carousel-inner .bg_item03 .inner .inner_img{ width:90px ; vertical-align: middle;}
}
@media (max-width:1060px ){
  .carousel-inner .bg_item01 .inner{font-size: 16px;}
  .carousel-inner .bg_item02 .inner{font-size: 16px;}
    .carousel-inner .bg_item03 .inner{font-size: 16px;}
     .carousel-inner .bg_item03 .inner .inner_img{ width:90px ; vertical-align: middle;}
     .link_pro{ font-size: 14px;}
}
.carousel-indicators{ position: absolute; bottom: 10px; right: 50%; z-index: 99;list-style: none; padding-left: 0;  margin-right:-38px;}
.carousel-indicators li{ float: left; margin:0 3px; width: 15px; height: 15px; border-radius: 15px; text-indent: -9999px;  border:1px solid #fff; /* box-sizing: border; */background-color: #fff; opacity: 0.5; cursor: pointer;}
.carousel-indicators li.active,.carousel-indicators li:hover{ opacity: 1; background-color: #fff;}