/*
 * @description: about.index.css
 * @author: lyx
 * @update: lyx 2015/10/25
*/

/* base */
body { background:none; font-size:14px; }
.layout { width:1200px; background:none; margin:0 auto;}
.clear { clear:both;}

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

.editor_nav_c .back { display:block; padding-right:43px;  color:#fff; font:14px/44px 'Microsoft Yahei';}
.editor_nav_c .back a { padding:0 15px; color:#fff; }
.editor_nav_c .back a:hover {text-decoration:underline; }


.about_left{ margin-left:4px; width:185px;}

.about_left li{ width:152px; height:58px; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding-left:32px; }
.about_left li a{display:block; height:100%; font-size:16px; color:#666666;}
.about_left li span{ line-height:58px;}

.about_left i { display:inline-block; background:url(/statics/cxt/img/about_ico.png) no-repeat; vertical-align:middle;  }
.about_left .aboutus_btn i { margin-right:16px; width:19px; height:19px; background-position:0 -20px;}
.about_left .join_btn i { margin-right:14px; width:21px; height:19px; background-position:-20px -20px; }
.about_left .contact_btn i { margin-right:14px; width:21px; height:20px; background-position:-42px -21px; }
.about_left .banquan_btn i { margin-right:18px; width:17px; height:20px; background-position:-63px -21px; }
.about_left .zizhi_btn i { margin-right:15px; width:17px; height:22px; background-position:-81px -23px; }
.about_left .map_btn i { margin-right:15px; width:21px; height:21px; background-position:-152px -22px; }
.about_left .agreement_btn i { margin-right:15px; width:20px; height:21px; background-position:-90px -90px; }
.about_left .information i { margin-right:15px; width:20px; height:21px; background-position:-110px -90px; }

.about_left li.now span {color:#ff9d00;}

.about_left li.now .aboutus_btn i { background-position:0 0; }
.about_left li.now .join_btn i { background-position:-20px 0; }
.about_left li.now .contact_btn i { background-position:-42px 0; }
.about_left li.now .banquan_btn i { background-position:-63px 0; }
.about_left li.now .zizhi_btn i { background-position:-81px 0; }
.about_left li.now .map_btn i { background-position:-152px 0; }
.about_left li.now .agreement_btn i { background-position:-58px -90px;}
.about_left li.now .information i { background-position:-140px -90px;}
/* aboutus */
.about_case,.join_case,.banquan_case,.zizhi_case,.contactus_case,.agreement_case,.information_case,.sitemap_case{ position:absolute; left:-186px; width:184px; height:58px; border:1px solid #d4d3d3; border-right:1px solid #fff;}
.aboutus .about_case{ top:0; border-top:0 none; }
.join_us .join_case{ top:-1px; }
.banquan .banquan_case {top:235px;}
.zizhi .zizhi_case {top:294px;}
.contactus .contactus_case {top:59px;}
.agreement .information_case{top: 118px;}
.agreement .agreement_case{top: 176px;}
.join_us .sitemap_case{top: 353px;}

.about_content { padding:32px 54px 80px 46px; border:1px solid #d4d3d3; border-top:none; width:909px; position:relative;min-height: 359px;}
.about_content .aboutus,.about_content .join_us,.about_content .banquan, .about_content .zizhi,.about_content .contactus{ display:none; }
.about_content .now { display:block; }
/* aboutus */
.about_content .aboutus { float:left;}
.aboutus .txt1 { font:14px/1.5 'Microsoft Yahei'; color:#5b5a5a; }
.aboutus .txt1 h1 { font-size:20px; color:#313131; text-align:center;}
.aboutus .txt1 p { padding-top:25px; text-indent:2em; line-height:2; }
.aboutus .txt1 h3 { padding-top:55px; font-size:16px; text-align:center; }
.aboutus .txt1 h3 span { padding:0 10px; }

.aboutus .times_2015 { position:relative; margin-top:40px; width:100%; height:26px; color:#fff; text-align:center; }
.aboutus .times_2015 span { display:block; margin-left:92px; width:110px; font:16px/26px 'Microsoft Yahei'; background-color:#4cc9e3; border-radius:20px;}
.aboutus .times_2015 b { position:absolute; top:50%; left:217px; display:inline-block; width:2px; height:50%; background-color:#dbdbdb;}
.aboutus .times_2015 i { position:absolute; top:50%; left:209px; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url(/statics/cxt/img/about_ico.png) 0 -40px no-repeat;  }

.aboutus .times { position:relative; padding-top:30px; padding-bottom:10px; width:100%; color:#fff; text-align:center; }
.aboutus .times span { display:block; margin-left:92px; width:110px; font:16px/26px 'Microsoft Yahei'; background-color:#4cc9e3; border-radius:20px;}
.aboutus .times b { position:absolute; top:0; left:217px; display:inline-block; width:2px; height:100%; background-color:#dbdbdb;}
.aboutus .times i { position:absolute; top:64%; left:209px; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url(/statics/cxt/img/about_ico.png) 0 -40px no-repeat;  }

.aboutus .ev { position:relative; padding-top:30px; padding-bottom:10px; overflow:hidden;}
.aboutus .ev b { position:absolute; top:0; left:217px; display:inline-block; width:2px; height:100%; background-color:#dbdbdb;}
.aboutus .ev i { position:absolute; top:27%; left:209px; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url(/statics/cxt/img/about_ico.png) 0 -40px no-repeat;  }
.aboutus .img { float:left; }
.aboutus .img img {width:181px;height:121px;}
.aboutus .txt { width:650px; padding-left:70px; float:left; }
.aboutus .txt h3 a { font:16px/1.5 'Microsoft Yahei'; color:#313131; }
.aboutus .txt .time { font-size:12px; color:#858484; float:right; }
.aboutus .txt p a { display:block; padding-top:20px; font:14px/1.5 'Microsoft Yahei'; color:#858484; text-indent:2em; }



.join_us h3,.banquan h1,.zizhi h1, .contactus h1 { padding-bottom:10px; font:20px/1.5 'Microsoft Yahei'; color:#333; border-bottom:1px dotted #90c1d0;}
.join_us h3 i,.banquan h1 i,.zizhi h1 i, .contactus h1 i { display:inline-block; margin:0 5px; width:5px; height:15px; background-color:#4cc9e3; vertical-align:middle; }
.join_us h3 span,.banquan h1 span,.zizhi h1 span, .contactus h1 span { padding-left:5px; font-size:14px; color:#999; }

/* join_us */
.join_us .welfare .txt1 { padding:30px 0; font:14px/2 'Microsoft Yahei'; color:#5b5a5a; text-indent:2em; border-bottom:1px solid #e7e7e7;}
.join_us .welfare h1 { font-size:20px; padding-bottom:20px; color:#313131; text-align:center;}
.join_us .welfare .weal { padding:30px 0; border-bottom:1px solid #e7e7e7; }
.join_us .welfare .weal li { padding-top:30px; padding-left:7px; font:14px/1.5 'Microsoft Yahei'; color:#5b5a5a; overflow:hidden;}
.join_us .welfare .weal li:first-child { padding-top:0; font-size:18px; color:#0a5d91;}

.join_us .welfare .weal li i { display:inline-block; margin-right:10px; width:144px; height:29px; font-size:16px; line-height:29px; background:url(/statics/cxt/img/about_ico.png) 0 -57px no-repeat; color:#fff; text-indent:1.5em; float:left;}
.join_us .welfare .weal li span { display:block; padding-top:5px; width:745px; line-height:1.5; float:left; }

.join_us .team,.join_us .hiring { padding-top:20px; }
.join_us .team ul { padding-bottom:30px; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.join_us .team li { position:relative; padding-top:25px; margin:0 2px; float:left; }
.join_us .team li img { width:298px; height:199px; }
.join_us .team li span { position:absolute; bottom:0; left:0; width:100%; height:30px; font:14px/30px 'Microsoft Yahei'; color:#000; background-color:rgba(255,255,255,0.7); text-indent:1em;}
.join_us .team li .about_title{  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }

.join_us .hiring .txt1 { padding-top:30px; font:14px/2 'Microsoft Yahei'; color:#5b5a5a; text-indent:2em; }
.join_us .hiring .txt1 span { display:block; color:#232323; line-height:2; text-indent:0;}

.join_us .hiring .recruit { margin-top:30px; }
.join_us .hiring .recruit .thead { display:block; width:141px; background-color:#4ccae3; border-radius:2px;margin-top: 20px;}
.join_us .hiring .recruit .thead td {/*display:block;*/ width:141px; height:28px; font:18px/28px 'Microsoft Yahei'; color:#fff; text-align:center;}
.join_us .hiring .recruit .txt1 { display:block; width:100%; padding:15px 0; margin-top:25px; border:1px solid #d5ecf0; overflow:hidden;}
.join_us .hiring .recruit .txt1 span { width:auto; padding:0 20px; font:14px/1.5 'Microsoft Yahei'; color:#5b5a5a; text-indent:0; float:left; }
.join_us .hiring .recruit .txt2 { /*display:block;*/ padding:10px 0; width:100%; border:1px solid #d5ecf0; border-top:0; }
.join_us .hiring .recruit .txt2 td { padding:5px 0 5px 45px; font:14px/1.5 'Microsoft Yahei'; color:#5b5a5a;}
.join_us .hiring .recruit .txt2 .color { padding:10px 0 10px 25px; color:#2a2a2a; }


/* banquan */

.banquan p { padding:20px 0; color:#5b5a5a; }
.banquan p span {font:14px/2 'Microsoft Yahei'; }
.banquan .txt1 { display:block; text-indent:2em; }

/*argeement*/
.argeement{ padding:5px 0; font:14px/2 'Microsoft Yahei'; color:#5b5a5a; text-indent:2em;}
.argeement h2{margin:10px 0;}
.argeement p{padding:5px;text-indent: 2em;line-height: 2;font-size: 14px!important;}


/* zizhi */
.zizhi li a:hover { text-decoration:underline; }

.zizhi .txt1 { padding:30px 0; display:block; font:14px/2 'Microsoft Yahei'; color:#5b5a5a; border-bottom:1px solid #e7e7e7; }

.zizhi ul { overflow:hidden; }
.zizhi li { height:605px; padding-top:30px; width:50%; float:left; }
.zizhi img { display:block; margin:0 auto; }
.zizhi .name a { width:auto; padding-top:10px; margin:0; font-size:18px; color:#0a5d91; font-family:Microsoft Yahei; text-align:center;}
.zizhi .name i { display:inline-block; width:14px; height:9px; margin:0 10px; background:url(/statics/cxt/img/about_ico.png) -18px -40px no-repeat; vertical-align:middle;} 
.zizhi li span a { display:block; margin:0 auto; width:290px; font:12px/1.5 'SimSun'; color:#5b5a5a; text-indent:2em;}

/* contactus */

.contactus .qrcode{ position:relative; width:100%; height:195px; background:url(/statics/cxt/img/qrcode.png) right bottom no-repeat; border-bottom:1px solid #e7e7e7;}
.contactus .qrcode p { padding-left:35px; font:14px/2 'Microsoft Yahei'; color:#5b5a5a; }
.contactus .qrcode p:first-child { padding-top:40px; }
.contactus .qrcode .txt1 { padding-top:5px; padding-bottom:5px; }
.contactus .qrcode .txt1 i { display:inline-block; margin:0 5px; width:53px; height:46px; background:url(/statics/cxt/img/about_ico.png) -99px 0 no-repeat; float:left;}
.contactus .qrcode .txt1 span { display:block; font-size:18px; color:#4cc9e3; }

.contactus .qrcode .weixin span,.contactus .qrcode .app span { display:block; font:14px/1.5 'Microsoft Yahei'; text-align:center; }
.contactus .qrcode .weixin { position:absolute; left:344px; top:75px; }
.contactus .qrcode .weixin span {color:#FFF;}
.contactus .qrcode .app { position:absolute; left:516px; top:75px; }
.contactus .qrcode .app span { color:#252222; }

.contactus ul { display:block; padding-top:50px; border-bottom:1px dotted #90c1d0; overflow:hidden;}
.contactus ul li { width:80px; margin:0 10px; padding-bottom:10px; font:18px/1.5 'Microsoft Yahei';float:left; text-align:center;}
.contactus ul li a { color:#515151; }
.contactus ul li.now { border-bottom:2px solid #4cc9e3; }
.contactus ul li.now a { color:#4cc9e3; }

.contactus .shenzhen,.contactus .beijing,.contactus .zhengzhou,.contactus .hanguo { display:none; }
.contactus .area .black { display:block; }
.contactus .shenzhen h3,.contactus .beijing h3,.contactus .zhengzhou h3,.contactus .hanguo h3 { padding:10px 0 20px; border-bottom:0 none; }
.contactus .shenzhen h4,.contactus .beijing h4,.contactus .zhengzhou h4,.contactus .hanguo h4 {padding:30px 0; font-size:18px; color:#202020;}
.contactus .shenzhen p span,.contactus .beijing p span,.contactus .zhengzhou p span,.contactus .hanguo p span { display:block; font:14px/2 'Microsoft Yahei'; color:#5b5a5a;}
.contactus .shenzhen p i,.contactus .beijing p i,.contactus .zhengzhou p i,.contactus .hanguo p i { color:#141414; }
.contactus .shenzhen .map img,.contactus .beijing .map img,.contactus .zhengzhou .map img,.contactus .hanguo .map img { width:100%; }


/* 网站地图 */
.join_us .team div,.join_us .hiring div,.join_us .gonglv div,.join_us .video div { padding:20px 0; overflow:hidden;}
.join_us .team a,.join_us .hiring a,.join_us .video a,.join_us .gonglv a{ font-size:14px; color:#666; line-height:30px; padding-right:20px; float:left; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow:hidden;}
.join_us .video a,.join_us .gonglv a { width:283px; }
.join_us .team a,.join_us .hiring a { width:130px; }