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


/* default */
.contant_devel_box{background:#f4f4f4;}
.contant_devel_box:hover{ }
.contant_devel{position:relative;width:1208px;margin:10px auto;}
.contant_devel .contant .contant_box{width:519px;background:#fff;border-radius:4px;padding:40px 27px 35px 36px;margin:10px;position:relative;float:left;}
/* .contant_devel .contant .contant_box .contant_bg{position:absolute;top:0;left:0;width:296px;height:321px;background:#fff;border-radius: 4px;transition: all .3s ease;} */
/* .contant_devel .contant .contant_box:hover .contant_bg{ transform: scale(1.008,1.08);-webkit-transform:scale(1.008,1.08) ;box-shadow: 0 0 16px rgba(0,0,0,0.15);border-radius:4px;z-index:1;} */
.contant_devel .contant dl{ position:relative;z-index:2;}
.contant_devel .contant dl:hover {z-index: 2;}
.contant_devel .contant dt{font-size:25px;height:46px;margin-bottom:14px;}
.contant_devel .contant dt i{width:46px;height:46px; background:url("/about/v2/en/images/icon_01.png") no-repeat;vertical-align:top;display:inline-block;float:left;}
.contant_devel .contant dt h2{font-size:24px;color:#555555;font-weight:400;font-family:ProximaNova;line-height:46px;padding-left:62px;}
.contant_devel .contant dt.introduction i{ background-position:0 0;}
.contant_devel .contant dt.website i{background-position:0 -50px;}
.contant_devel .contant dt.strength i{background-position:0 -100px;}
.contant_devel .contant dt.vision i{background-position:0 -150px;min-width: auto;}
.contant_devel .contant dd{min-height:112px;}
.contant_devel .contant dd p{font-size:16px;color:#555555;line-height:28px;}



/* introduce */
.intro_box h4{ color:#333; font-size:22px; font-weight:normal; padding-left:5px; } 
.intro_box .title_banner{ background:url("/about/v2/en/images/banner_03.jpg") no-repeat center top;min-width:1190px; height:520px;}
.intro_box .introduce{ padding:30px 35px 20px 35px;width:1120px;background: #fff;margin-top:-100px;border-radius:4px;margin-bottom:20px;}
.intro_box .introduce span{margin-bottom:40px; display:block;margin-left:10px;}
.intro_box .introduce p{ color: #555555; font-size: 16px; line-height:32px;margin-bottom:10px;}
.intro_box .intro_title{text-align:center;color:#888888;font-size:20px;padding-top:60px;}
.intro_box .intro_title b{color:#222222;font-size:32px;line-height:56px;}

.intro_box .envir{width:100%; height:530px;margin-bottom:20px;min-width:1190px;}
.intro_box .envir .about_width{ background:#fff url("/about/v2/en/images/jobcn_vision.jpg ") no-repeat right top;height: 520px;border-radius: 4px;}
.intro_box .envir .envir_desc{width:390px;padding:170px 0 0 100px;}
.intro_box .envir .envir_desc .title{color:#555555;font-size:20px;margin-bottom:14px;}
.intro_box .envir .envir_desc .title b{font-size:32px;}
.intro_box .envir .envir_desc p{color:#555555;font-size:16px;line-height:38px;}


.intro_box .website{height:680px;background:#fff;border-radius:4px;margin-bottom:20px;}
.intro_box .website .website_bd{width:944px;margin:0 auto;margin-top:70px;}
.intro_box .website .website_bd ul{}
.intro_box .website .website_bd li{width:322px;_width:280px;height:420px;float:left;text-align:center;margin:0 35px;padding:0 38px;zoom:1;border:1px solid #e6e6e6;border-radius:10px;}
.intro_box .website .website_bd li:hover{box-shadow:0 0 16px rgba(0,0,0,0.16);}
.intro_box .website .website_bd li h2{font-size:18px;color:#555555;font-weight:bold;margin:25px 0 16px 0;}
.intro_box .website .website_bd li p{font-size:14px;color:#555555;line-height:24px;padding: 0 12px;}
.intro_box .website .website_bd li .icon_person{width:150px;height:150px;background:url("/about/v2/en/images/icon_02.png") no-repeat;margin-top:40px;display:inline-block;}
.intro_box .website .website_bd li .icon_employ{width:150px;height:150px;background:url("/about/v2/en/images/icon_03.png") no-repeat;margin-top:40px;display:inline-block;}
.intro_box .website .website_bd li a{width:160px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#555555;display:Inline-block;border:1px solid #e6e6e6;text-decoration:none;transition:all  0.3s ease-out;margin-top:14px;border-radius:2px;}
.intro_box .website .website_bd li a:hover{color:#fff;background:#f26b01;border:1px solid #f26b01;}
.intro_box .website .website_bd li.employ a:hover{background:#1083f0;border:1px solid #1083f0;}

.intro_box .strength{background:#fff;margin-bottom:30px;border-radius: 4px;}
.intro_box .strength .strength_data{margin:0 auto;padding-left:60px;margin-top:40px;}
.intro_box .strength .strength_hd{color:#555555;font-size:22px;margin-bottom:20px;}
.intro_box .strength .strength_data .data_bd li{float:left;width:148px;height:78px;text-align:center;background:#fafafa;display:Inline-block;border:1px solid #e6e6e6;border-radius:4px;margin-right:30px;color:#555555;font-size:14px;}
.intro_box .strength .strength_data .data_bd li span{font-size:26px;color:#555555;margin:5px 0;display:inline-block;margin-top:12px;}
.intro_box .strength .strength_data .data_bd li i{font-size:14px;color:#555555;font-style:normal;font-weight:bold;vertical-align:top;}
.intro_box .strength .strength_exp{padding-left:60px;margin-top:40px;padding-bottom: 55px;}
.intro_box .strength .strength_exp .exp_bd{width:1100px;height:292px;background:url("/about/v2/en/images/resume_data.jpg") no-repeat left;}
.intro_box .strength .strength_exp .exp_hd{background:#f4f4f4;width:1066px;}
.intro_box .strength .strength_exp .exp_hd li{float:left;color:#555555;font-size:16px;width:220px;text-align:center;margin: 0 22px;height:40px;line-height:40px;}
.intro_box .strength .strength_exp .exp_hd li a{text-decoration:none;color:#555;}
.intro_box .strength .strength_exp .exp_hd li.active{border-bottom:2px solid #f26b01;}
.intro_box .strength .strength_exp .exp_bd li{display: none; width: 1066px;height: 363px;}
.intro_box .strength .strength_exp .exp_bd li.data1{background: url("/about/v2/en/images/resume_data_01.jpg") no-repeat left top;}
.intro_box .strength .strength_exp .exp_bd li.data2{background: url("/about/v2/en/images/resume_data_02.jpg") no-repeat left top;}
.intro_box .strength .strength_exp .exp_bd li.data3{background: url("/about/v2/en/images/resume_data_03.jpg") no-repeat left top;}
.intro_box .strength .strength_exp .exp_bd li.data4{background: url("/about/v2/en/images/resume_data_04.jpg") no-repeat left top;}
.intro_box .strength .strength_exp .exp_bd li.active{display:block;}



/* products */
.products_box{padding-top:30px;}
.products_box .title_banner1{background: url("/about/v2/en/images/banner_04.jpg") no-repeat center top; width: 1190px;height:160px;margin: 0 auto;}
.products_box .title_banner2{background: url("/about/v2/en/images/banner_05.jpg") no-repeat center top; width: 1190px;height:160px;margin: 0 auto;}
.products_box .service_box{margin-bottom:20px;}
.products_box .title_text{padding:28px 0px 28px 70px;}
.products_box .title_text h2{font-size:32px;color:#ffffff;margin-bottom:6px;}
.products_box .title_text p{font-size:16px;color:#ffffff;width:1090px;line-height:32px;}
.products_box .service_bd{width: 1070px;margin: 0 auto;background:#fff;padding:0 60px;padding-top:10px;}
.products_box .service_row{padding:40px 0;border-bottom:1px dotted #e6e6e6;}
.products_box .service_logo{float:left;}
.products_box .service_logo i{display:inline-block;margin-left:-10px;width:100px;height:100px;background:url("/about/v2/en/images/icon_04.png") no-repeat;}
.products_box .service_logo i.logo1{background-position:0 0;}
.products_box .service_logo i.logo2{background-position:0 -100px;}
.products_box .service_logo i.logo3{background-position:0 -200px;}
.products_box .service_logo i.logo4{background-position:0 -300px;}
.products_box .service_logo i.logo5{background-position:0 -400px;}
.products_box .service_logo i.logo6{background-position:0 -500px;}
.products_box .service_logo i.logo7{background-position:0 -600px;}
.products_box .service_logo i.logo8{background-position:0 -700px;}
.products_box .service_logo i.logo9{background-position:0 -800px;}
.products_box .service_text{margin-left:110px;}
.products_box .service_text h2{font-size:24px;color:#555555;font-weight:normal;line-height:24px;margin-bottom:10px;}
.products_box .service_text p{font-size:16px;color:#555555;line-height:28px;margin-bottom:12px;}
.products_box .service_text span{display:inline-block;font-size:16px;color:#aaaaaa;line-height:24px;}
.products_box .service_text span a{color:#5290db;}



/* dynamic */

.demo{padding:66px 0 35px 68px; width:980px;}



.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: 16px;color: #555555;padding: 10px 0px;background:#fff;border: 1px solid #e9e9ea;display: block;text-align: center;border-radius: 5px;}
.loading_wrapper a:hover{ text-decoration:none;background:#f26b01;color:#fff;border:1px solid #f26b01;}
.loading_wrapper a.no_more{cursor:pointer;}




/* contact */
.contact_box{padding-bottom:20px;}
.contact_box .title_banner{ background: url("/about/v2/en/images/banner_07.jpg") no-repeat center top;min-width:1190px;height:240px;}
.contact_box .title_banner .about_width{}
.contact_box .title_banner .about_width .help_link{text-align:right;}
.contact_box .title_banner .about_width .help_link a{ width: 150px; height:40px;border-radius:1px; border:1px solid #fff; display:inline-block;margin-top:55px;margin-right:30px; font-size: 17px;color: #fff;text-align: center;line-height: 40px; text-decoration:none; }
.contact_box .feedback_box{margin-top:-100px;border-radius:4px;}
.contact_box .contact_title{text-align:center;}
.contact_box .contact_title {font-size:20px;color:#888888;}
.contact_box .contact_title h2{font-size:32px;font-weight: bold; color:#555;margin-bottom:2px; }

.contact{ padding:60px 0;}
/*feedback*/
.feedback{ background:#fff}
.contact .feedback{padding: 0px 0px 0px 20px; }
.contact .feedback_r{  width: 840px; padding:0px; font-family:"verdana"; font-size:14px; color:#37383f;margin: 0 auto;}
.contact .feedback_r dl{width: 870px;margin: 0 auto;}
.contact .feedback_r dd label{ cursor:pointer; font-family:microsoft yahei; color:#555555; font-size:16px;}
.contact .feedback_r dd{ float:left; margin-right: 20px;}
.contact .feedback_r .select_btn{ cursor:pointer; width:18px; height:18px; display:inline-block; background:url("/about/v2/en/images/select_icon.png") no-repeat; background-position:0px 0px; float:left; margin:4px 3px 0 0}
.contact .feedback_r .selected{ background-position:0px -25px;}
.contact .feedback_r .txt_l{width:260px;}
.contact .feedback_r .txt_l,.contact .feedback_r .txt_r{ padding-top:25px; float:left; color:#bbb; }
.contact .feedback_r .txt_r{float:right; width: 561px;}
.contact .feedback_r .txt_l li{ margin-bottom: 20px;}
.contact .feedback_r .txt_l .input,.contact .feedback_r .txt_r .input{ background:#fff;height: 26px; line-height: 26px; padding:5px 7px; color:#aaa; border:1px solid #dfdfdf; width: 244px; font-size: 16px; position:relative;vertical-align:top;}
.contact .feedback_r .txt_r .textarea{ position:relative;}
.contact .feedback_r .txt_r .input,.contact .feedback_r .txt_r .textarea{ width: 568px;}
.contact .feedback_r .txt_l li label,.contact .feedback_r .txt_r li label{ position:absolute; left:5; top:5px; z-index:100;font-size: 14px;font-family: microsoft yahei;}
.contact .feedback_r .txt_l li input,.contact .feedback_r .txt_r li input{ position:absolute; left:0px; top:0px; z-index:1; height: 26px; line-height: 26px; padding:5px 7px; _padding:4px 5px;width: 244px; border:none 0px; font-family:verdana; color:#333;font-size: 16px;font-family: verdana,microsoft yahei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contact .feedback_r .txt_r li input{ width: 568px;}
.contact .feedback_r .txt_r .textarea label{ position:absolute; top:28px; left:10px; color:#aaa;}
.contact .feedback_r .txt_r textarea{ width: 560px; padding:10px; color:#333;font-size:16px; border:1px solid #dfdfdf;margin-top: 20px; height: 132px;font-family: verdana,microsoft yahei;vertical-align:top;resize:none;}
.contact .feedback_r .txt_l .chkCode{overflow:hidden;margin-bottom:0;}
.contact .feedback_r .txt_l .chkCode .input{width:130px;float:left;}
.contact .feedback_r .txt_l .chkCode .chkCodeImg{float:right;}
.contact .feedback_r .txt_l .chkCode .chkCodeImg img{vertical-align:top;}
.contact .feedback_r .txt_l .chkCode .input input{width:130px;}
.contact .feedback_r .submit{clear:both;padding-top:26px;}
.contact .feedback_r .submit a{ display:block; width: 160px; text-align:center;  background: #fff; border-radius:3px;padding: 8px 0px; cursor:pointer;font-size: 16px;font-family: microsoft yahei;margin: 0 auto;color:#555555; text-decoration:none;border:1px solid #e6e6e6;transition:all ease-out 0.3s;}
.contact .feedback_r .submit a:hover{background:#f26b01;color: #fff;border:1px solid #f26b01; }
/* contact map*/
.map_box{ background:#fff;margin-top:20px;border-radius:4px;}
.mapper{ position:relative;overflow:visible; z-index:0; margin-top:-15px; }
.mapper .anchorBL span a{ background:none;}
#baiduMap{width:860px; 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 online */
.online_contact{ background:#fff;border-radius:4px;margin-top:20px;}
.contact  .tips{ color:#555555; font-size:16px; text-align:center; padding:8px 0 40px 0;width:860px;margin:0 auto;line-height:32px;}
.contact .weekly{ font-size:14px; color:#555555; text-align:center;font-family:"microsoft yahei"; padding-top:70px; }
.contact .infor dt{ font-size:16px; color:#555; height:30px;text-align:center;padding-top:120px; background:url("/about/v2/en/images/contact_icon.png") no-repeat;background-position:0px 0px; }
.contact .infor .phone dt{background-position:center 0px; }
.contact .infor .fax dt{background-position:center -150px; }
.contact .infor .email dt{background-position:center -300px; }
.contact .infor .QQ dt{background-position:center -450px; }
.contact .infor dd{ font-size:16px; color:#555; font-family:"microsoft yahei"; text-align:center; margin-top:10px;}
.contact .infor dl{ float:left; width:180px; margin:0 15px;}
.contact .infor dd a{ color:#f26b01;}
.contact .infor{ padding:0px 20px; width:840px; margin:0 auto}
.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:underline;}
.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;}

/* link */
.about_width .link{margin:50px auto 80px auto;}
.about_width .link .link_title{ margin-bottom:35px;}
.about_width .link .link_title h3{ float:left; margin-left:-10px;margin-right:10px;font-size: 36px;}
.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:800px;}
.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;}

/* case */
.case{ padding:30px 0; background:#f8f8f8}
.case_box {}
.case_box .title_banner{ background:url("/about/v2/en/images/banner_06.jpg") no-repeat center top;min-width:1190px;height:240px;}
.case_box .case_list{padding-top:40px;background:#fff;border-radius:4px;margin-top:-100px;}
.case_box .case_list li{float:left;width:565px;margin-bottom:50px;margin-left:30px;_width:550px;}
.case_box .case_list li h2{line-height:26px;font-size:22px;color:#555555;font-weight:bold;}
.case_box .case_list li p{line-height:28px;font-size:14px;color:#555555;margin-top:10px;width:397px;}
.case_box .case_list li dt{float:left;width:122px;height:122px;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden;}
.case_box .case_list li dd{padding-left:145px;}
.case_box .case_more{background:#fff;border-radius:4px;margin-bottom:50px;margin-top:20px;padding:60px 0;} 
.case_box .case_more .case_more_hd{font-size:20px;color:#888888;text-align:center;margin-bottom:50px;}
.case_box .case_more .case_more_hd h2{font-size:32px;color:#555555;font-weight:bold;margin-bottom:8px;}
.case_box .case_more .case_more_list{width:1072px;margin:0 auto;}
.case_box .case_more .case_more_list li{float:left;text-align:center;}
.case_box .case_more .case_more_list li a{width:118px;color:#555555;font-size:14px;text-decoration:none;height:50px;line-height:50px;border:1px solid #e6e6e6;border-left:0;display:inline-block;}
.case_box .case_more .case_more_list a.first{border:1px solid #e6e6e6;}
.case_box .case_more .case_more_list li.active a{border-top:3px solid #f26b01;color:#f26b01;margin-top:-2px;border-bottom:0;font-weight:bold;}
.case_box .case_more .case_more_com{width:1070px;margin:0 auto;border:1px solid #e6e6e6;border-top:0;padding:38px 0 20px 0;}
.case_box .case_more .case_more_com ul{width:1020px;margin:0 auto;_width:1060px;}
.case_box .case_more .case_more_com li{float:left;text-align:center;margin:0 20px;}
.case_box .case_more .case_more_com li dt{width:128px;height:128px;border:1px solid #e6e6e6;text-align:center;border-radius:8px;overflow:hidden;}
.case_box .case_more .case_more_com li dt img{width:128px;height:128px;}
.case_box .case_more .case_more_com li dd{font-size:14px;color:#555555;margin:12px 0;}

#baidu_jsapi_watermark{opacity:0;}