@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }
body{ width: 100%; font-weight:normal; font-size:12px; color:#000; font-family:"Arial","Microsoft YaHei","SimHei","Microsoft JhengHei",sans-serif; background: #fff; overflow-x:hidden;}
ul,li{ list-style: none; } a,a:hover{ text-decoration:none; cursor:pointer; outline:0; } input:focus,textarea:focus,select:focus{ outline:0; }
table,td{ border-collapse: collapse; border-spacing: 0px; }
a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }
.floatleft,.left{ float:left; } .floatright,.right{ float:right; } .clear{ clear:both; } .clearleft{ clear:left; } .clearright{ clear:right; }
.hand{ cursor: pointer; }  .hide,.nada{ display:none; } .block{ display:block; }
.textcenter,.tcenter{ text-align:center; } .textleft,.tleft{ text-align:left; } .textright,.tright{ text-align:right; } .textjustify{ text-align:justify; }
.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}
.bold,.strong{ font-weight:bold; } .fNormal { font-weight:normal;}  .fItalic { font-style:italic; }
.marginT5{ margin-top:5px;} .marginT10{ margin-top:10px;} .marginT15{ margin-top:15px;} .marginT20 { margin-top:20px; } .marginT25 { margin-top:25px; } .marginT30 { margin-top:30px; }
.marginB5{ margin-bottom:5px;} .marginB10{ margin-bottom:10px;} .marginB15{ margin-bottom:15px; } .marginB20{ margin-bottom:20px;}
.marginL5 { margin-left:5px;}  .marginL10 { margin-left:10px;} .marginL15 { margin-left:15px;} .marginL25 { margin-left:25px;}
.marginL35 { margin-left:35px;}  .marginL40	 { margin-left:40px;}  .marginL80{ margin-left:80px;}
.marginR5 { margin-right:5px;} .marginR10 { margin-right:10px;} .marginR15 { margin-right:15px;} .marginR20 { margin-right:20px;}
.black{ color:#000; }  .white{ color:#FFF; }  .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }  .yellow{ color:#FF0; }
.grey{ color:#CCC; }  .grey3{ color:#333; }  .grey6{ color:#666; } .grey9{ color:#999; } .box5 { height: 5px; } .box10{ height: 10px; } .box20 {height: 20px;}
.i_body{ max-width: 640px; min-height: 300px; margin: 0px auto;}
.wrap{ padding: 0 0 58px 0;}
/* iheader */
.header{ position: relative; z-index: 20; padding: 0 10px 4px 10px; background: url("iheader_shadow.png") left bottom repeat-x;}
.logo{ padding: 10px 0;}
.logo img{ height: 35px;}
.menu{ padding: 15px 0;}
.menu_open,.menu_close{ height: 24px;}
.menu_expan{ position: absolute; left: 0; top: 55px; width: 100%; z-index: 10; background: url("idrop_bg.png") left top repeat; box-shadow: 0 5px 5px #e7e7e7;}
.menuExpan_ul{ padding: 10px 0 10px 0; background: url("iheader_shadow.png") left top repeat-x;}
.menuExpan_ul li{ float: left; width: 33%;white-space: nowrap;}
/*.menuExpan_ul li {float: left;  width: 25%; overflow: hidden;  white-space: nowrap; background: url('nav_bg.png') 50% 0 no-repeat; background-size: 100% auto;}*/
.menuExpan_ul li a{ display: block; height: 44px; line-height: 44px; margin: 10px 5px 10px 5px; text-align: center; font-size: 13px; color: #fff; background: url("nav_bg.png") center top no-repeat; background-size: auto 44px;}
/*.menuExpan_ul li a{ display: block; padding: 8px 0; text-align: center; font-size: 16px; color: #412e5f;}*/
/* banner_bg */
.banner_bg{ position: relative; margin-top: -4px;}
.flexslider{ position: relative; overflow: hidden;}
.flexslider .slides { position: relative; z-index: 1;}
.flexslider .slides li{ display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides li img{ width: 100%;}
.flexslider .flex-control-nav { position: absolute; bottom: 5px; z-index: 2; width: 96%; padding: 0 0 0 4%;}
.flexslider .flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 6px; *display: inline; zoom: 1;}
.flexslider .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; background: #fff; cursor: pointer; border-radius: 50%;}
.flexslider .flex-control-nav .flex-active { background: #3a2d5f;}
/* i_about */
.iabout_title{ height: 51px; line-height: 50px; font-size: 18px; font-family: "Microsoft YaHei"; text-align: center; border-bottom: 1px #d3d3d3 solid; color: #393939;}
.iabout_title span{ display: inline-block; *display: inline; zoom: 1; height: 53px; background: url("ititle_line.png") center bottom no-repeat;}
.iabout_title b{ font-size: 18px; text-transform: uppercase; font-family: "Arial";}
.iabout_txt{ padding: 15px 10px; font-size: 14px; color: #4f4f4f; line-height: 26px; height:63px; overflow:hidden;}
.iabout_more{ text-align: center;}
.iabout_more a{ display: inline-block; *display: inline; zoom: 1; padding: 5px 30px; border: 1px #cbcbcb solid; font-size: 14px; color: #3a3049;}
/* i_case */
.icase_title{ padding: 50px 0 20px 0; text-align: center; background:#1e1e1e url("icase_bg1.jpg") center top no-repeat;}
.icaseTitle_p{ font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: 6px;}
.icaseTitle_p1{ padding: 10px 0; font-size: 18px; font-family: "Microsoft YaHei"; color: #fff; background: url("ititle_line2.jpg") center bottom no-repeat;}
.icaseTitle_p1 b{ font-size: 18px; text-transform: uppercase; font-family: "Arial";}
.icase_pro{ padding: 0 5px; background: #cccccc;}
.icasePro_ul li{ float: left; width: 50%;}
.icasePro_ul li a{ display: block; position: relative; margin: 0 5px 10px 5px;}
.icasePro_ul li img{ width: 100%;}
.icasePro_h2{ position: absolute; right: 5px; bottom: 5px; font-size: 15px; color: #fff; font-weight: normal;}
.icase_btn{ padding: 0 0 15px 0; background:#1e1e1e url("icase_bg2.jpg") center bottom no-repeat; text-align: center;}
.icase_btn img{ height: 38px;}
.icaseBtn_title{ padding: 8px 0 0 0; font-size: 14px; color: #fff;}
/* i_news */
.i_news{ padding: 10px 0 30px 0;}
.inews_list{ padding: 0 0 20px 0;}
.inewsList_ul li{ padding: 0 10px 0 18px; border-bottom: 1px #e5e5e5 dashed; background: url("i_dot1.jpg") 10px center no-repeat;}
.inewsList_ul li a{ display: block; padding: 12px 0; font-size: 14px; background: url("i_dow.png") right center no-repeat; background-size: 8px auto;    white-space: nowrap;text-overflow: ellipsis; overflow: hidden; width: 100%;}
/* i_bottom */
.i_bottom{ padding: 20px 10px; border-top: 1px #e8e8e8 solid;}
.ibottom_link{ color: #818181; text-align: center; font-size: 14px;}
.ibottom_link a{ padding: 0 6px; color: #818181;}
.ibottom_copy{ padding: 10px 0 0 0; font-size: 14px; color: #959494; text-align: center;}
/* about */
.about_menu{ position: relative;}
.aboutMenu_title{ padding: 10px; border-bottom: 1px #e6e6e6 solid;}
.aboutMenu_a{ display: block; font-size: 16px; color: #412e5f; background: url("aboutus_dow.png") right 6px no-repeat; background-size: 15px auto;}
.aboutMenu_a:hover{ color: #412e5f;}
.aboutMenu_open{ position: absolute; left: 0; top: 42px; z-index: 8; width: 100%; background: #fff; box-shadow: 0 5px 5px #e7e7e7;}
.aboutMenu_open li{ padding: 0 10px;}
.aboutMenu_open li a{ display: block; padding: 12px 0 12px 5px; font-size: 14px; color: #393939; border-bottom: 1px #eee dashed; background: url("aboutus_dow2.png") right center no-repeat; background-size: 14px auto;}
.aboutMenu_open li a.aboutMenuOpen_bor{ border-bottom: 0;}
.aboutus_con{ padding: 15px 10px;}
.aboutusCon_title{ padding: 0 0 10px 0; font-size: 16px; font-weight: bold; color: #4f4f4f;}
.aboutusCon_txt{ font-size: 14px; color: #727272; line-height: 30px;}
/* leader */
.leader{ color: #525252; line-height: 26px;}
.leader img{ float: left; height: 160px;  margin: 0 10px 0 0;}
/* aptitude */
.aptitude{ padding: 15px 0 5px 0;}
.aptitude_ul li{ float: left; width: 50%; text-align: center;}
.aptitude_ul li a{ display: block; margin: 0 10px 20px 10px;}
.aptitude_img{ width: 100%; border: 1px #f3f3f3 solid;}
.aptitude_p{ padding: 8px 0 0 0; font-size: 14px; color: #494f55; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
/* video */
.video{ padding: 20px 10px;}
.video_img img{ width: 100%;}
.video_title{ padding: 10px 0 8px 0; font-size: 18px; color: #494f55;}
.video_txt{ font-size: 14px; color: #494f55; line-height: 24px;}
.video_p{ padding: 5px 0 0 0; font-size: 14px; color: #767676;}
/* news */
.news{ padding: 10px 0;}
.inewsList_ul li.inewsList_li{ border-bottom: none;}
.paging{ padding: 10px 0; border-top: 1px #ddd solid;}
.paging_ul li{ float: left; width: 33.33%; text-align: center; font-size: 14px; color: #5e5e5e;}
.paging_ul li a{ color: #412e5f;}
.paging_ul li a.pagingPrev_curr{ color: #9a9a9a;}
.paging_prev,.paging_next{ padding: 4px 0;}
.paging_pag{ padding: 4px 0; border-left: 1px #bfbfbf solid; border-right: 1px #bfbfbf solid;}
.new{ padding: 20px 10px; font-family: "Microsoft YaHei";}
.new_title{ font-size: 16px; color: #393939;}
.new_author{ padding: 10px 0 1px 0; font-size: 14px; color: #acb0b4;}
.new_con{ font-size: 14px; color: #494f55; line-height: 28px;}
.new_con img{ max-width: 100%; height: auto !important;}
/* cases */
.cases{ padding: 15px 5px 5px 5px;}
.cases_ul li{ float: left; width: 50%; text-align: center;}
.cases_ul li a{ display: block; margin: 0 5px 15px 5px;}
.cases_img{ width: 100%;}
.cases_title{ padding: 5px 0 0 0; font-size: 14px; color: #494f55; font-weight: normal;   width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.flexslider1{ position: relative; overflow: hidden;}
.flexslider1 .slides { position: relative; z-index: 1;}
.flexslider1 .slides li{ display: none; -webkit-backface-visibility: hidden;}
.flexslider1 .slides li img{ width: 100%;}
.flexslider1 .flex-control-nav { position: absolute; bottom: 5px; z-index: 2; width: 100%; text-align: center;}
.flexslider1 .flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 6px; *display: inline; zoom: 1;}
.flexslider1 .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; background: #fff; cursor: pointer; border-radius: 50%;}
.flexslider1 .flex-control-nav .flex-active { background: #3a2d5f;}
.case_title{ padding: 15px 10px; font-size: 18px; color: #2c3034; border-bottom: 1px #dfdfdf solid;}
.case_con{ padding: 10px 10px 20px 10px; font-size: 14px; color: #494f55; line-height: 28px;}
.caseCon_title{ color: #dc5623;}
/* design_intro */
.desIntro{ padding: 0 10px; font-family: "Microsoft YaHei";}
.desIntro_title{ padding: 10px 0; font-size: 16px; font-weight: bold; color: #494f55;}
.desIntro_describ{ font-size: 14px; color: #494f55; line-height: 24px;}
.desIntro_slogan{ padding: 10px 0; font-size: 14px; font-weight: bold; color: #494f55;}
.flexslider2{ position: relative; padding: 0 0 35px 0; overflow: hidden;}
.flexslider2 .slides { position: relative; z-index: 1;}
.flexslider2 .slides li{ display: none; -webkit-backface-visibility: hidden;}
.flexslider2 .slides li img{ width: 100%;}
.flexslider2 .flex-control-nav { position: absolute; bottom: 6px; z-index: 2; width: 100%; text-align: center;}
.flexslider2 .flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 6px; *display: inline; zoom: 1;}
.flexslider2 .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; background: url("design_dot.png") right 0 no-repeat; cursor: pointer; background-size: 42px auto;}
.flexslider2 .flex-control-nav .flex-active { background-position: 0 0;}
.desIntro_txt{ padding: 0 0 20px 0; font-size: 14px; color: #494f55; line-height: 26px;}
/* design_team */
.designTeam_con{ padding: 0 10px;}
.designTeam_top{ padding: 15px 0 15px 0; border-bottom: 1px #d1d1d1 solid;}
.designTeam_img{ width: 30%;}
.designTeam_img img{ width: 100%;}
.designTeam_right{ width: 70%;}
.designTeamRig_marg{ margin: 10px 0 0 10px;}
.designTeamRig_h2{ padding: 0 0 5px 0; font-size: 18px;}
.designTeamRig_p{ font-size: 14px;}
.designTeamRig_txt{ padding: 10px 0 20px 0; font-size: 14px; color: #2b2f33; line-height: 26px;}
/* idea */
.idea_img{ text-align: center;}
.idea_img img{ max-width: 100%;}
.idea_title{ padding: 20px 0 0 0; font-size: 20px; color: #494f55; font-weight: bold;}
.idea_h3{ padding: 20px 0 5px 0; font-size: 18px; color: #494f55;}
.idea_p{ font-size: 16px; color: #494f55; line-height: 26px;}
/* magazine */
.magazine_line{ border: 1px #f3f3f3 solid;}
/* talentConcept */
.talentConcept_title{ padding: 0 0 5px 0; font-size: 16px; color: #4f4f4f;}
.inewsList_ul li.joinus_dow{ padding-left: 10px; background: 0;}
/* join */
.join_con{ padding: 0 10px 20px 10px;}
.joinCon_title{ padding: 10px 0; font-size: 16px; color: #4f4f4f;}
.joinCon_txt{ font-size: 14px; color: #494f55; line-height: 26px;}
.joinCon_txt img{ width: 100%; height: auto !important;}
/* contactus */
.contactus_map{ margin-top: -4px;}
.contactus_map img{ width: 100%;}
.contactus{ padding: 0 10px 20px 10px;}
.contactusTotal_title{ padding: 20px 0 0 0; font-size: 18px; font-weight: bold; color: #494f55;}
.contactusTotal_h3{ padding: 10px 0 5px 12px; font-size: 16px; color: #494f55; font-weight: normal; background: url("contactus_dow.jpg") left 16px no-repeat;}
.contactusTotal_txt{ padding: 0 0 0 12px; font-size: 14px; color: #848d96; line-height: 26px;}
/* feed_back */
.feedback_title{ padding: 10px 0 0 0; font-size: 16px; color: #494f55;}
.feedback_tab table{ width: 100%;}
.feedback_tab table td{ padding: 15px 0 0 0;}
.feedbackTab_name{ padding: 0 0 5px 0; font-size: 14px; color: #4a4a4a;}
.feedbackTab_put{ padding: 4px 2%; border: 1px #ececec solid; width: 96%; height: 30px; font-size: 14px;}
.feedbackTab_area{ padding: 4px 2%; border: 1px #ececec solid; width: 96%; height: 120px; font-size: 14px;}
.feedbackCode_name{ font-size: 14px; color: #4a4a4a; padding-right: 2%; line-height: 40px;}
.feedbackTab_put1{ padding: 4px 2%; width: 30%; height: 30px; font-size: 14px; border: 1px #ececec solid;}
.feedbackCode_btn{ padding-left: 2%;}
.feedbackCode_btn img{ height: 40px;}
.feedbackTab_btn{ padding: 10px 0 0 0; text-align: center;}
.feedbackTab_btn a{ display: inline-block; *display: inline; zoom: 1; padding: 10px 14%; margin: 0 5%; border: 1px #ececec solid; border-radius: 3px; font-size: 14px;}
.feedbackTab_reset{ color: #494f55; background: url("feedback_btn1.jpg") left top repeat-x;}
.feedbackTab_submit{ color: #e3e5e8; background: url("feedback_btn2.jpg") left top repeat-x;}
/* relationship */
.relationship{ padding: 0 10px;}
.relationship_title{ padding: 10px 0; font-size: 14px; color: #2b2f33;}
.relationship_img{ margin: 0 0 10px 0; border: 1px #ececec solid;}
.relationship_img img{ max-width: 100%;}
/* institution */
.institution_chang{ padding: 10px; background: #f1f1f1;}
.instituChang_name{ font-size: 16px; color: #5a5a5a; line-height: 30px;}
.instituChang_sel{ font-size: 16px; width: 70%; height: 30px; color: #5a5a5a;} 
.institution_title{ padding: 15px 0 0 14px; font-size: 16px; font-weight: bold; background: url("institution_icon.png") left 22px no-repeat;}
.institution_p{ padding: 5px 0 0 14px; font-size: 14px; color: #848d96;}
/* investors */
.investors_ul li{ padding-left: 10px; background: 0;}


/* footer */
.footer{ position: fixed; left: 0; bottom: 0; z-index: 8; width: 100%; padding: 8px 0; border-top: 1px #e8e8e8 solid; background: url("ifoot_bg.jpg") center top repeat-x;}
.footer_ul li{ float: left; width: 25%; text-align: center;}
.footer_img{ height: 20px;}
.footer_p{ padding: 5px 0 0 0; font-size: 12px; color: #412e5f;}

.paging_ul li.second { position: relative;}
.page_select{position: absolute;left:0px;top:0px;width:100%;opacity: 0;}