/*头部*/
.header { height: 89px; background: #fff; }
.header .logo { margin: 14px 0 0 17px; }
.header ul { padding-right: 38px; }
.header li { float: left; }
.header a { display: block; width: 100px; height: 89px; line-height: 89px; text-align: center; font-size: 15px; color: #3f67bf; font-weight: bold; }
.header a.on { background-color: #3f67bf; color: #fff; //text-align: center; //background:url(../img/menu_back.jpg) no-repeat 10px 60px; }

/*banner*/
.banner { position: relative; height: 706px; overflow: hidden; }
.banner ul, .banner li, .banner a { display: block; width: 100%; height: 706px; }
.banner li { display: none; position: absolute; left: 0; top: 0; }
.banner span { position: absolute; top: 260px; display: block; width: 24px; height: 48px; cursor: pointer; }
.banner .ban_left { left: 50%; margin-left: -600px; background: url(../img/icon_all.png) no-repeat -53px -101px; }
.banner .ban_right { right: 50%; margin-right: -600px; background: url(../img/icon_all.png) no-repeat -79px -101px; }

/*首页*/
.slogan { height: 84px; line-height: 84px; text-align: center; background: #000; font-size: 30px; color: #fff; opacity: 0.5; margin-top: -84px; }
.total_head { padding-top: 44px; text-align: center; }
.total_head h3 { line-height: 38px; font-size: 28px; color: #333; }
.total_head span { line-height: 25px; font-size: 20px; color: #999; }
.ind_tab { padding-top: 57px; }
.ind_tab span { display: inline-block; width: 104px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #ddd; border-right: 0; cursor: pointer; color: #999; }
.ind_tab span:last-of-type { border-right: 1px solid #ddd; }
.ind_tab span.on, .ind_tab span:hover { background: #3f67bf; color: #fff; }
.classic_case_main { width: 1218px; margin-top: 56px; }
.classic_list { float: left; width: 388px; margin-right: 18px; padding-bottom: 26px; }
.classic_list .img_box { position: relative; width: 100%; height: 306px; overflow: hidden; }
.classic_list .img_box .img { width: 100%; height: 100%; }
.classic_list .img_box .brief { position: absolute; left: 0; top: -306px; width: 100%; height: 100%; background: #486cbb; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
.classic_list .img_box .classic_icon_box { width: 130px; height: 130px; margin: 37px auto 0; background: #fff; border-radius: 4px; overflow: hidden; }
.classic_list .img_box .classic_icon_box img { display: block; margin: 25px auto 0px auto; border-radius: 2px; }
.classic_list .img_box h3 { display: block; height: 40px; line-height: 40px; text-align: center; margin-top: 13px; padding: 0 8px; color: #fff; overflow: hidden; }
.classic_list .img_box a { display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; margin: 16px auto 0; background: #2c52a6; border-radius: 4px; font-size: 16px; color: #fff; }
.classic_list .title { display: block; height: 40px; line-height: 40px; margin-top: 20px; font-size: 20px; color: #333333; overflow: hidden; }
.classic_list .text { display: block; height: 48px; line-height: 24px; margin-top: 18px; font-size: 16px; color: #999999; overflow: hidden; }
.classic_list:hover .img_box .brief { top: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.reputation_box { margin-top: 40px; padding-top: 112px; background: url(../img/img11.jpg) no-repeat top center; background-size: 100% auto; }
.reputation_title { display: block; line-height: 96px; text-align: center; color: #fff; font-size: 60px; }
.statistics_box { position: relative; margin-top: 100px; border-left: 8px solid #3f67bf; }
.statistics_box::before { content: ""; position: absolute; left: -3px; bottom: 0px; width: 100%; height: 3px; -moz-box-shadow: 0 3px 3px #999; -webkit-box-shadow: 0 3px 3px #999; box-shadow: 0 3px 3px #999; }
.statistics_box .statistics_box_list { float: left; width: 33.3%; }
.statistics_box .statistics_box_list.first { width: 33.4%; }
.statistics_box_list { height: 230px; padding: 64px 0 0 36px; background: #fff; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.statistics_box_list .text { padding-left: 26px; }
.icon_num1 { display: inline-block; width: 101px; height: 101px; background: url(../img/icon_all.png) no-repeat; }
.icon_num2 { display: inline-block; width: 101px; height: 101px; background: url(../img/icon_all.png) no-repeat -103px 0; }
.icon_num3 { display: inline-block; width: 101px; height: 101px; background: url(../img/icon_all.png) no-repeat -206px 0; }
.statistics_box_list .num { display: block; line-height: 68px; font-size: 55px; color: #333; }
.statistics_box_list .explain { line-height: 30px; color: #999; font-size: 16px; }
.reputation_people { padding-top: 85px; }
.reputation_people .title { display: block; line-height: 48px; text-align: center; font-size: 28px; color: #333; }
.reputation_people .text { display: block; text-align: center; line-height: 36px; color: #999; font-size: 20px; }
.reputation_member { width: 1236px; margin-top: 64px; }
.reputation_member_every { width: 376px; margin-right: 36px; }
.reputation_member_every .title { position: relative; width: 100%; height: 260px; padding-top: 25px; background: #028213; border-radius: 15px; }
.reputation_member_every .title::before { content: ""; position: absolute; left: 35px; bottom: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #028213; }
.reputation_member_every .title2 { background: #5c259e; }
.reputation_member_every .title2::before { border-top-color: #5c259e; }
.reputation_member_every .title3 { background: #0055b2; }
.reputation_member_every .title3::before { border-top-color: #0055b2; }
.reputation_member_every .title img { display: block; margin: 0 auto; }
.reputation_member_every .title_title { position: absolute; left: 17px; bottom: 50px; height: 50px; line-height: 50px; text-align: left; color: #fff; font-size: 32px; }
.reputation_member_every .title_text { position: absolute; left: 17px; bottom: 15px; height: 36px; line-height: 36px; text-align: left; color: #fff; font-size: 16px; }
.reputation_member_every .text { padding-top: 34px; padding-left: 12px; }
.reputation_member_every .text .img_box { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; }
.reputation_member_every .text .img_box img { width: 100%; height: 100%; }
.reputation_member_every .text .text_main { width: 260px; padding-left: 20px; padding-top: 16px; }
.reputation_member_every .text .text_jobs { display: block; line-height: 30px; color: #999; font-size: 18px; text-align: left; }
.reputation_member_every .text .text_name { display: block; line-height: 28px; text-align: left; font-size: 14px; color: #333; }
.team_animate { position: relative; margin-top: 117px; }
.team_animate_left, .team_animate_right { display: block; position: absolute; top: 50%; width: 24px; height: 44px; margin-top: -22px; cursor: pointer; }
.team_animate_left { left: 0; background: url(../img/icon_all.png) no-repeat 0 -101px; }
.team_animate_right { right: 0; background: url(../img/icon_all.png) no-repeat -27px -101px; }
.team_animate_tab { position: relative; width: 1128px; height: 254px; overflow: hidden; border-radius: 254px; }
.team_animate_tab ul { position: absolute; left: 0; top: 0; height: 100%; }
.team_animate_tab ul li { float: left; width: 254px; height: 254px; margin: 0 61px; padding: 4px; border: 1px solid #dfdfdf; border-radius: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.team_animate_tab ul li img { width: 100%; height: 100%; border-radius: 100%; border: 1px solid #dfdfdf; }
.partner_box { padding-top: 78px; }
.partner_box span { float: left; width: 200px; //height: 146px; border-right: 0px solid #e9e9e9; border-bottom: 0px solid #e9e9e9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.partner_box span.bor_right_none { border-right: 0; }
.partner_box span.bor_bot_none { border-bottom: 0; }
.partner_box span img { display: block; margin: 0 auto; }
.foot_about { height: 157px; background: #3f67bf; }
.foot_about .company_details { float: left; width: 402px; margin-left: 36px; }
.foot_about .company_details .title, .foot_about .partnerships_foot .title, .foot_about .contact_us .title { display: block; height: 37px; line-height: 37px; padding-top: 16px; border-bottom: 1px solid #fff; color: #fff; font-size: 16px; }
.foot_about .company_details .link { padding-top: 9px; }
.foot_about .company_details a { float: left; width: 106px; line-height: 40px; font-size: 14px; color: #fff; }
.foot_about .partnerships_foot { float: left; width: 428px; margin-left: 200px; }
.foot_about .partnerships_foot .title { width: 76px; }
.foot_about .partnerships_foot .case_box { position: relative; height: 68px; padding-top: 16px; }
.foot_about .partnerships_foot .but_left, .foot_about .partnerships_foot .but_right { position: absolute; top: 42px; width: 16px; height: 16px; cursor: pointer; }
.foot_about .partnerships_foot .but_left { left: -26px; background: url(../img/icon_all.png) no-repeat -242px -104px; }
.foot_about .partnerships_foot .but_right { right: -26px; background: url(../img/icon_all.png) no-repeat -262px -104px; }
.foot_about .partnerships_foot .case_animate { position: relative; width: 100%; height: 100%; overflow: hidden; }
.foot_about .partnerships_foot ul { position: absolute; left: 0; top: 0; height: 68px; }
.foot_about .partnerships_foot li { float: left; width: 66px; height: 66px; margin-right: 4px; border: 1px solid #dddddd; background: #fff; }
.foot_about .partnerships_foot a { display: block; width: 100%; height: 53px; //padding-top: 13px; }
.foot_about .partnerships_foot img { display: block; //height: 30px; margin: 0 auto; }
.foot_about .partnerships_foot li span { display: block; height: 20px; line-height: 20px; text-align: center; color: #ccc; font-size: 10px; overflow: hidden; }
.foot_about .contact_us { float: right; margin-right: 36px; }
.foot_about .contact_us .title { width: 76px; }
.foot_about .contact_us .phone_number { padding-top: 33px; }
.foot_about .contact_us input[type="text"] { float: left; width: 172px; height: 20px; line-height: 20px; padding: 5px 8px; background: #fff; border: 1px solid #ccc; }
.foot_about .contact_us input[type="submit"] { width: 93px; height: 31px; margin-left: 13px; border: 1px solid #232323; background: #232323; color: #fff; cursor: pointer; }
.foot_address { height: 172px; padding-top: 54px; background: #232323; }
.foot_address .html_main { position: relative; }
.foot_address .foot_address_text { float: left; width: 210px; padding-left: 73px; }
.foot_address .foot_address_text .title { display: block; line-height: 30px; color: #fff; font-size: 16px; }
.foot_address .foot_address_text .text { line-height: 20px; font-size: 12px; color: #fff; }
.foot_address .foot_share { float: left; padding: 8px 0 0 30px; }
.foot_address .foot_share span { float: left; width: 60px; height: 60px; background: #303030; border-radius: 4px; margin-right: 17px; }
.foot_address .foot_share span.on { background: #5a5a5a; }
.foot_address .foot_share i { display: block; margin: 18px auto 0; }
.foot_address .foot_share .qq { width: 24px; height: 24px; background: url(../img/icon_all.png) no-repeat -3px -153px; }
.foot_address .foot_share .kj { width: 25px; height: 24px; background: url(../img/icon_all.png) no-repeat -33px -153px; }
.foot_address .foot_share .wx { width: 30px; height: 24px; background: url(../img/icon_all.png) no-repeat -65px -153px; }
.foot_address .foot_share .laq { width: 23px; height: 23px; background: url(../img/icon_all.png) no-repeat -3px -185px; }
.foot_address .foot_share .wb { width: 29px; height: 24px; background: url(../img/icon_all.png) no-repeat -33px -184px; }
.foot_address .copyright { float: left; width: 1040px; line-height: 48px; text-align: center; color: #868686; }
.foot_address .ewm { position: absolute; top: 8px; right: 74px; width: 88px; }
.foot_address .ewm img { display: block; margin: 0 auto; }
.foot_address .ewm span { display: block; text-align: center; line-height: 24px; font-size: 12px; color: #fff; }
.bdsharebuttonbox { position: absolute; top: 8px; right: 219px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.bdshare-button-style0-24 a { float: left !important; width: 60px !important; height: 60px !important; padding: 0 !important; margin: 0 17px 0 0 !important; }
/*app开发*/
.app_box { background: url(../img/ban2.jpg) no-repeat top center; }
.project_content { padding-top: 706px; overflow: hidden; }
.app_box .project_content .project_content_main { background: #f8f8f8 url(../img/ban2.jpg) no-repeat center -606px; }
.project_title { padding-top: 43px; text-align: center; }
.project_title h3 { display: block; line-height: 48px; font-size: 28px; color: #333; margin-bottom:25px; }
.project_title .title, .project_title .text { display: block; line-height: 26px; font-size: 18px; color: #666; }
.project_title .text { color: #999; }
.service_lieb { padding: 16px 44px 34px; }
.service_lieb .service_lieb_list { margin-top: 20px; }
.service_lieb .diagram { float: left; width: 556px; height: 263px; }
.service_lieb .service_lieb_main { position: relative; float: left; width: 556px; height: 180px; padding-top: 83px; background: #3f67bf; }
.service_lieb .service_lieb_icon { width: 147px; }
.service_lieb .service_lieb_icon .app { display: block; width: 84px; height: 84px; margin: 11px 0 0 28px; background: url(../img/icon_all.png) no-repeat -1px -337px; }
.service_lieb .service_lieb_icon .wx { display: block; width: 80px; height: 66px; margin: 17px 0 0 28px; background: url(../img/icon_all.png) no-repeat -82px -266px; }
.service_lieb .service_lieb_icon .h5 { display: block; width: 70px; height: 72px; margin: 15px 0 0 28px; background: url(../img/icon_all.png) no-repeat -100px -337px; }
.service_lieb .service_lieb_icon .pc { display: block; width: 72px; height: 64px; margin: 18px 0 0 28px; background: url(../img/icon_all.png) no-repeat -3px -266px; }
.service_lieb .service_lieb_box { width: 396px; }
.service_lieb .service_lieb_box .title { display: block; line-height: 42px; font-size: 18px; color: #fff; }
.service_lieb .service_lieb_box .text { display: block; height: 36px; line-height: 18px; overflow: hidden; font-size: 14px; color: #fff; }
.service_lieb a { position: absolute; right: 46px; bottom: 18px; width: 140px; height: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 14px; color: #3f67bf; }
.good_application { position: relative; height: 646px; padding-top: 46px; }
.good_application_main { position: absolute; right: 20px; top: 46px; }
.good_application_main .title { display: block; line-height: 48px; text-align: right; font-size: 40px; color: #666; }
.good_application_main .text { position: absolute; top: 154px; right: 40px; width: 540px; height: 44px; line-height: 44px; text-align: right; padding-right: 14px; border-bottom: 2px solid #fff772; font-size: 24px; color: #666666; }
.good_application_main .text i { position: absolute; right: 0; bottom: 0; width: 5px; height: 14px; background: #fff772; }
.good_application_main .text1 { top: 205px; border-color: #adff68; }
.good_application_main .text1 i { background: #adff68; }
.good_application_main .text2 { top: 255px; border-color: #64faf9; }
.good_application_main .text2 i { background: #64faf9; }
.good_application_main .text3 { top: 305px; border-color: #da4273; }
.good_application_main .text3 i { background: #da4273; }
.operation_flow { padding: 75px 67px 70px; }
.operation_flow img { display: block; width: 100%; }
.preferred_cases { padding: 50px 0 40px; }
.preferred_cases .preferred_cases_list { position: relative; float: left; width: 376px; height: 586px; margin: 18px 0 0 18px; overflow: hidden; }
.preferred_cases .preferred_cases_list img { display: block; width: 100%; }
.preferred_cases .preferred_cases_list:hover .preferred_cases_text { bottom: 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.preferred_cases .preferred_cases_text { position: absolute; left: 0; bottom: -178px; width: 376px; height: 178px; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
.preferred_cases .preferred_cases_text .bg { position: absolute; left: 0; top: 0; display: block; width: 376px; height: 228px; background: #3f67bf; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.preferred_cases .preferred_cases_text .title { position: absolute; left: 0; top: 50px; display: block; width: 332px; padding: 0px 22px; line-height: 38px; color: #fff; font-size: 20px; }
.preferred_cases .preferred_cases_text .text { position: absolute; left: 0; top: 100px; display: block; width: 332px; line-height: 24px; height: 48px; padding: 0px 22px; overflow: hidden; font-size: 16px; color: #fff; }
/*微信开发*/
.wx_box { background: url(../img/wx1.jpg) no-repeat top center; }
.wx_box .project_content_main { background: #f8f8f8 url("../img/wx1.jpg") no-repeat center -606px; }
.service_items .title { display: block; line-height: 112px; text-align: center; font-size: 40px; font-weight: bold; color: #555555; }
.service_items_main { padding: 22px 32px; }
.service_items_main .service_items_text { width: 554px; height: 170px; background: #f8f8f8; }
.service_items_main .img { float: left; width: 115px; }
.service_items_main .img i.wh { display: block; width: 49px; height: 75px; margin: 47px 0 0 28px; background: url(../img/icon_all.png) no-repeat -256px -125px; }
.service_items_main .service_items_text.fl .text { float: left; width: 396px; line-height: 30px; padding-top: 44px; color: #999999; font-size: 20px; }
.service_items_main .img i.dx { display: block; width: 80px; height: 75px; margin: 48px 0 0 20px; background: url(../img/icon_all.png) no-repeat -218px -213px; }
.service_items_main .service_items_text.fr .text { float: left; width: 396px; line-height: 30px; padding-top: 35px; color: #999999; font-size: 20px; }
.service_content { border-top: 1px solid #dddcdd; border-bottom: 1px solid #dddcdd; padding-bottom: 25px; }
.service_content_main { width: 1180px; padding: 17px 0 0 26px; }
.service_content_list { float: left; width: 215px; height: 215px; margin: 10px 20px 0 0; background: #f7f7f7; cursor: pointer; }
.service_content_list .title { display: block; line-height: 50px; text-align: center; padding-top: 48px; color: #555555; font-size: 28px; }
.service_content_list .text { display: block; padding: 10px 16px 0; text-align: center; color: #999999; font-size: 16px; }
.service_content_list:hover { background: #26af77; box-shadow: 0 0 10px #d5d5d5; -webkit-box-shadow: 0 0 10px #d5d5d5; -moz-box-shadow: 0 0 10px #d5d5d5; -o-box-shadow: 0 0 10px #d5d5d5; -ms-box-shadow: 0 0 10px #d5d5d5; }
.service_content_list:hover .text, .service_content_list:hover .title { color: #fff; }
.service_content_list.on1, .service_content_list.on1:hover { background: #26af77; }
.service_content_list.on1 .title, .service_content_list1.on .text { color: #fff; }
.template_generation { position: relative; height: 370px; margin-top: 20px; }
.template_generation span.title { position: absolute; left: 0; top: 10px; width: 80px; height: 70px; padding-top: 10px; text-align: center; color: #fff; font-size: 18px; background: #3f67bf; }
.template_generation span.title i { font-size: 25px; }
.template_generation .text { position: absolute; left: 110px; top: 98px; width: 444px; height: 174px; }
.template_generation .text .bg { display: block; width: 100%; height: 100%; background: #3f67bf; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.template_generation .text .text_text { position: absolute; left: 0; top: 0; display: block; line-height: 42px; padding: 20px 0 0 26px; font-size: 24px; color: #fff; }
.our_advantage_main { padding: 40px 0 10px; }
.our_advantage_text { line-height: 36px; padding-top: 30px; text-align: center; font-size: 18px; color: #666; }
.our_advantage_text i { font-size: 30px; color: #026bb9; }
.our_advantage_list { position: relative; float: left; width: 300px; height: 300px; cursor: pointer; }
.our_advantage_list > img { display: block; width: 100%; height: 100%; }
.our_advantage_list .img_title { position: absolute; left: 0; top: 0; display: block; width: 300px; height: 300px; line-height: 300px; text-align: center; font-size: 48px; color: #fff; }
.our_advantage_explain, .our_advantage_explain .name, .our_advantage_explain .title, .our_advantage_explain .text { transition: 0.8s ease all; -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; -ms-transition: 0.8s ease all; -o-transition: 0.8s ease all; }
.our_advantage_explain .name { display: block; text-align: center; line-height: 52px; padding-top: 96px; font-size: 40px; color: #333; }
.our_advantage_explain .title { display: block; text-align: center; line-height: 33px; font-size: 24px; color: #666; }
.our_advantage_explain .text { display: block; text-align: center; line-height: 22px; font-size: 18px; color: #999999; }
.our_advantage_explain:hover { background: #026bb9; }
.our_advantage_explain:hover * { color: #fff; }
/*成功案例*/
.successful_case { height: 543px; padding-top: 63px; background: url(case1.jpg) no-repeat top center; }
.successful_case_list { position: relative; height: 470px; }
.successful_case_list .but_left, .successful_case_list .but_right { position: absolute; top: 202px; display: block; width: 40px; height: 67px; cursor: pointer; }
.successful_case_list .but_left em, .successful_case_list .but_right em { position: absolute; left: 0; top: 0; width: 40px; height: 67px; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; }
.successful_case_list .but_left i, .successful_case_list .but_right i { position: absolute; top: 12px; left: 8px; display: block; width: 24px; height: 44px; }
.successful_case_list .but_left { left: 0; }
.successful_case_list .but_right { right: 0; }
.successful_case_list .but_left i { background: url(../img/icon_all.png) no-repeat -53px -101px; }
.successful_case_list .but_right i { background: url(../img/icon_all.png) no-repeat -79px -101px; }
.successful_case_list .but_left:hover em, .successful_case_list .but_right:hover em { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.successful_case_list .ban_ani { position: relative; width: 980px; height: 470px; overflow: hidden; }
.successful_case_list .ban_ani ul { position: absolute; left: 0; top: 0; height: 470px; }
.successful_case_list .ban_ani ul li { float: left; margin-right: 29px; }
.successful_case_list .ban_ani ul a { display: block; width: 207px; height: 402px; background: url(case1.png) no-repeat; padding: 68px 0 0 16px; }
.successful_case_list .ban_ani ul img { display: block; width: 192px; height: 338px; }
.ind_tab_main { padding-top: 20px; }
.ind_tab_main a { float: left; height: 300px; margin-top: 10px; }
.ind_tab_main a.link400 { width: 400px; }
.ind_tab_main a.link800 { width: 800px; }
.ind_tab_main a img { display: block; width: 100%; height: 100%; }
.ind_tab_list { position: relative; }
.ind_tab_list .more { position: absolute; bottom: 56px; right: 125px; display: block; width: 150px; height: 150px; cursor: pointer; }
.ind_tab_list .more em { position: absolute; left: 0; top: 0; display: block; width: 150px; height: 150px; background: #403f44; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; }
.ind_tab_list .more i { position: absolute; left: 50%; top: 50%; display: block; width: 56px; height: 40px; margin: -20px 0 0 -28px; background: url(../img/icon_all.png) no-repeat -172px -287px; }
.ind_tab_list .more:hover em { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.rol_50 { float: left; width: 50%; }
.success_case_details { background-color: #f8f8f8; }
.success_case_details .top_title { line-height: 80px; padding-right: 40px; text-align: right; font-size: 18px; color: #333; }
.success_case_details .details_title { line-height: 40px; padding: 12px 40px 0; font-size: 30px; color: #333; }
.success_case_details .details_text { line-height: 30px; padding: 22px 40px 0; font-size: 18px; color: #666; }
.success_case_details img { display: block; width: 100%; }
.success_case_ani { position: relative; height: 308px; margin-top: 38px; overflow: hidden; }
.success_case_ani .but_left, .success_case_ani .but_right { position: absolute; top: 100px; display: block; width: 45px; height: 87px; cursor: pointer; }
.success_case_ani .but_left em, .success_case_ani .but_right em { position: absolute; left: 0; top: 0; display: block; display: block; width: 45px; height: 87px; background: #403f44; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.success_case_ani .but_left i, .success_case_ani .but_right i { position: absolute; top: 17px; left: 10px; display: block; width: 23px; height: 54px; }
.success_case_ani .but_left { left: 0; }
.success_case_ani .but_right { right: 0; }
.success_case_ani .but_left i { background: url(../img/icon_all.png) no-repeat -111px -104px; }
.success_case_ani .but_right i { background: url(../img/icon_all.png) no-repeat -137px -104px; }
.success_case_ani .but_left:hover em, .success_case_ani .but_right:hover em { background: #0076ce; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.success_case_ani ul { position: absolute; left: 0; top: 0; height: 308px; }
.success_case_ani li { float: left; margin-right: 17px; }
.success_case_ani a { position: relative; display: block; width: 389px; height: 308px; }
.success_case_ani a img { display: block; width: 100%; height: 100%; }
.success_case_ani a .hov { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 389px; height: 308px; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; }
.success_case_ani a .bg { position: absolute; left: 0; top: 0; display: block; width: 389px; height: 308px; background: #0076ce; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.success_case_ani a .title { position: absolute; left: 0; top: 76px; width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 30px; color: #fff; overflow: hidden; }
.success_case_ani a .icon_search { position: absolute; left: 50%; top: 150px; display: block; width: 60px; height: 62px; margin-left: -30px; background: url(../img/icon_all.png) no-repeat -167px -104px; }
.success_case_ani a:hover .hov { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.information_title { padding-top: 20px; }
.information_title a { float: left; width: 130px; height: 40px; line-height: 40px; text-align: center; margin-right: 10px; font-size: 16px; color: #333; cursor: pointer; }
.information_title a.on, .information_title a:hover { background: #3f67bf; color: #fff; }
.information_main .information_list_every { position: relative; height: 399px; padding-top: 40px; border-bottom: 1px solid #e1e1e1; }
.information_main .list_every_left { float: left; width: 626px; height: 334px; overflow: hidden; }
.information_main .list_every_left img { width: 100%; }
.information_main .list_every_left span { display: block; line-height: 34px; font-size: 14px; color: #999999; }
.information_main .list_every_right { position: absolute; right: 0; top: 40px; width: 676px; height: 370px; }
.information_main .list_every_right .bg_right { position: absolute; left: 0; top: 0; display: block; width: 676px; height: 370px; background: #f0f0f0; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.information_main .list_every_right .bg_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.information_main .list_every_right .title { display: block; height: 60px; line-height: 60px; padding: 74px 0 0 118px; color: #555; font-size: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.information_main .list_every_right .text { display: block; height: 64px; padding: 0 50px 0 118px; line-height: 32px; font-size: 14px; color: #555555; overflow: hidden; }
.information_main .list_every_right .more { position: absolute; right: 50px; bottom: 50px; display: block; width: 148px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ddd; font-size: 18px; color: #333333; }
.information_main .list_every_right .more:hover { width: 150px; height: 40px; border: 0; background: url(../img/icon_all.png) no-repeat -102px -169px; color: #fff; }
.information { padding-top: 500px; background: url(../img/information1.jpg) no-repeat top center; }
.information .project_content_main { background: #f2f2f2 url(../img/information1.jpg) no-repeat center -500px; }
.information_main .small_title { display: block; line-height: 50px; padding: 30px 0 0 30px; font-size: 14px; color: #333333; }
.information_main .large_title { display: block; height: 68px; line-height: 68px; padding: 10px 0 0 30px; font-size: 30px; color: #333333; overflow: hidden; }
.information_main .large_title i { padding-left: 10px; font-size: 14px; color: #999; }
.information_main_text { line-height: 28px; padding: 36px 25px 40px; border-bottom: 1px solid #dadada; font-size: 14px; color: #666; }
.more_blogs_main { padding-top: 40px; padding-bottom: 16px; }
.more_blogs_main a { float: left; width: 33.3%; height: 340px; }
.more_blogs_main a img { display: block; width: 100%; height: 260px; }
.more_blogs_main a span { display: block; height: 40px; line-height: 40px; padding: 20px 30px; color: #666666; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.about_us { position: relative; padding-top: 507px; background: url(../img/about1.jpg) no-repeat top center; }
.about_us_main { background: url(../img/about1.jpg) no-repeat center -507px; }
.about_us_title { padding-top: 40px; }
.about_us_title .name { display: block; line-height: 38px; text-align: center; font-size: 22px; color: #333333; margin-bottom: 20px; }
.about_us_title .text { display: block; text-align: left; padding: 0px 50px; font-size: 16px; color: #666; text-indent: 2em; line-height: 30px; }
.our_advantage { padding: 20px 120px 0; }
.our_advantage .rol_50 { height: 152px; }
.our_advantage .our_left { float: left; width: 76px; }
.our_advantage .our_left .xl { display: block; width: 42px; height: 41px; background: url(../img/icon_all.png) no-repeat -2px -216px; }
.our_advantage .our_left .bz { display: block; width: 50px; height: 44px; background: url(../img/icon_all.png) no-repeat -45px -216px; }
.our_advantage .our_left .tx { display: block; width: 54px; height: 49px; background: url(../img/icon_all.png) no-repeat -99px -215px; }
.our_advantage .our_left .cx { display: block; width: 50px; height: 48px; background: url(../img/icon_all.png) no-repeat -158px -212px; }
.our_advantage .our_right { float: left; width: 404px; }
.our_advantage .our_right .title { display: block; line-height: 38px; color: #333333; font-size: 22px; }
.our_advantage .our_right .text { display: block; padding-top: 19px; padding-right: 30px; line-height: 26px; color: #333; font-size: 14px; }
.contact_us_form { width: 758px; padding-top: 46px; padding-bottom: 105px; }
.contact_us_form input[type="text"] { width: 338px; height: 28px; line-height: 28px; padding: 10px 14px; border: 1px solid #dadada; border-radius: 4px; }
.contact_us_form textarea { display: block; width: 728px; height: 204px; line-height: 28px; margin-top: 20px; padding: 10px 14px; border: 1px solid #dadada; border-radius: 4px; }
.contact_us_form .sub_box { padding-top: 20px; height: 46px; line-height: 46px; }
.contact_us_form input[type="submit"] { float: left; width: 150px; height: 46px; line-height: 46px; text-align: center; background: #3f67bf; border: 0; font-size: 16px; color: #fff; cursor: pointer; }
.contact_us_form .sub_box span { float: left; padding-left: 30px; color: #999; font-size: 14px; }
.contact_us_form .sub_box i { color: #3f67bf; }
.header_link { position: absolute; left: 0; top: 0; width: 100%; height: 54px; line-height: 54px; }
.header_link .bg { position: absolute; left: 0; top: 0; width: 100%; height: 54px; background: #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.header_link .html_main { position: absolute; left: 50%; top: 0; margin-left: -600px; height: 100%; }
.header_link a { float: left; margin-right: 28px; font-size: 16px; color: #666; }
.header_link a.on, .header_link a:hover { color: #3f67bf; }
.join_us { position: relative; background: url(../img/join1.jpg) no-repeat top center; padding-top: 505px; }
.join_us_main { background: #f8f8f8 url(../img/join1.jpg) no-repeat center -505px; }
.about_us_every { padding: 40px 0; border-top: 1px solid #dadada; }
.about_us_every .name { display: block; line-height: 34px; padding-left: 50px; color: #3f67bf; font-size: 22px; }
.about_us_every .title { display: block; line-height: 30px; padding-left: 50px; color: #333; font-size: 16px; }
.about_us_every .region { display: block; line-height: 46px; padding-left: 50px; color: #999; font-size: 16px; }
.about_us_every .text { display: block; line-height: 28px; padding: 10px 35px 0 50px; color: #999; font-size: 16px; }
/*分销*/
.distribution_title { display: block; line-height: 80px; text-align: center; font-size: 26px; color: #333333; }
.distribution_title1 { display: block; text-align: center; line-height: 40px; font-size: 20px; color: #666; }
.distribution_text { display: block; line-height: 28px; text-align: center; padding-top: 10px; font-size: 16px; color: #666; }
.distribution_bg1 { height: 480px; background: url(../img/img34.jpg) no-repeat top center; }
.distribution_bg1_text { position: absolute; right: 0; top: 0; display: block; width: 670px; height: 480px; }
.distribution_bg1_text .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #8ca3d7; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.distribution_bg1_text .text_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.distribution_bg1_text .text_box .title { display: block; line-height: 50px; padding-top: 80px; text-align: center; font-size: 30px; color: #fff; }
.distribution_bg1_text .text_box .text { display: block; line-height: 26px; padding: 25px 100px 0; color: #fff; font-size: 14px; }
.four_core { width: 1216px; }
.four_core_every { float: left; width: 290px; height: 318px; margin-right: 14px; padding-top: 58px; background: #fff; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; -o-transition: 0.2s ease all; }
.four_core_every:hover { transform: translateY(-10px); -moz-transform: -moz-translateY(-10px); -ms-transform: -moz-translateY(-10px); -webkit-transform: -webkit-translateY(-10px); -o-transform: translateY(-10px); -webkit-box-shadow: 0 0 10px #d5d5d5; -moz-box-shadow: 0 0 10px #d5d5d5; -ms-box-shadow: 0 0 10px #d5d5d5; box-shadow: 0 0 10px #d5d5d5; }
.four_core_every i { display: block; width: 105px; height: 105px; }
.four_core_every .title { display: block; line-height: 28px; padding: 50px 20px 0; color: #333; font-size: 16px; }
.four_core_every .text { display: block; height: 48px; line-height: 24px; padding: 4px 20px 0; color: #999; font-size: 14px; overflow: hidden; }
.four_core_every i { display: block; margin: 0 auto; width: 105px; height: 105px; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; border-radius: 100%; overflow: hidden; }
.four_core_every .ic1 { background: url(../img/icon_all.png) no-repeat -3px -423px; }
.four_core_every .ic2 { background: url(../img/icon_all.png) no-repeat -114px -423px; }
.four_core_every .ic3 { background: url(../img/icon_all.png) no-repeat -224px -423px; }
.four_core_every .ic4 { background: url(../img/icon_all.png) no-repeat -334px -423px; }
.four_core_every:hover .ic1 { background: url(../img/icon_all.png) no-repeat -3px -531px; }
.four_core_every:hover .ic2 { background: url(../img/icon_all.png) no-repeat -114px -531px; }
.four_core_every:hover .ic3 { background: url(../img/icon_all.png) no-repeat -224px -531px; }
.four_core_every:hover .ic4 { background: url(../img/icon_all.png) no-repeat -334px -531px; }
.four_core_next { width: 552px; padding: 0 25px; }
.four_core_next .title { display: block; line-height: 32px; text-align: center; font-size: 24px; color: #666666; }
.four_core_next .text { display: block; line-height: 26px; padding-top: 25px; font-size: 16px; color: #666; }
.four_core_value { width: 1232px; }
.four_core_value_every { float: left; width: 278px; height: 398px; margin-right: 30px; }
.four_core_value_every .bg { width: 278px; height: 220px; text-align: center; }
.four_core_value_every .text { display: block; line-height: 28px; padding-top: 15px; font-size: 16px; color: #666; }
.four_core_value_every .bg1 { background: #2aaf67; }
.four_core_value_every .bg1 i { display: inline-block; width: 111px; height: 71px; margin-top: 74px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -311px -7px; }
.four_core_value_every .bg2 { background: #01bff3; }
.four_core_value_every .bg2 i { display: inline-block; width: 62px; height: 79px; margin-top: 70px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -434px -2px; }
.four_core_value_every .bg3 { background: #f26522; }
.four_core_value_every .bg3 i { display: inline-block; width: 79px; height: 73px; margin-top: 73px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -310px -102px; }
.four_core_value_every .bg4 { background: #109594; }
.four_core_value_every .bg4 i { display: inline-block; width: 93px; height: 71px; margin-top: 74px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -402px -109px; }
.four_core_value_every .bg5 { background: #e52b50; }
.four_core_value_every .bg5 i { display: inline-block; width: 49px; height: 76px; margin-top: 66px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -311px -185px; }
.four_core_value_every .bg6 { background: #2fc5cc; }
.four_core_value_every .bg6 i { display: inline-block; width: 91px; height: 73px; margin-top: 74px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -386px -189px; }
.four_core_value_every .bg7 { background: #6476f4; }
.four_core_value_every .bg7 i { display: inline-block; width: 70px; height: 71px; margin-top: 70px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -308px -268px; }
.four_core_value_every .bg8 { background: #708dcb; }
.four_core_value_every .bg8 i { display: inline-block; width: 63px; height: 73px; margin-top: 67px; vertical-align: top; background: url(../img/icon_all.png) no-repeat -402px -266px; }
/*设计*/
.user_experience { padding-top: 416px; background: url(../img/img38.jpg) no-repeat top center; }
.user_experience_main { background: #f8f8f8 url(../img/img38.jpg) no-repeat center -416px; }
.user_experience_icon { height: 448px; border-radius: 6px; }
.user_experience_icon .icon_every { float: left; width: 33.3%; text-align: center; padding-top: 52px; padding-bottom: 4px; }
.user_experience_icon .icon_every i { display: block; width: 86px; height: 86px; margin: 0 auto; }
.user_experience_icon .icon_every i.bg1 { background: url(../img/icon_all.png) no-repeat -3px -639px; }
.user_experience_icon .icon_every i.bg2 { background: url(../img/icon_all.png) no-repeat -92px -639px; }
.user_experience_icon .icon_every i.bg3 { background: url(../img/icon_all.png) no-repeat -181px -639px; }
.user_experience_icon .icon_every i.bg4 { background: url(../img/icon_all.png) no-repeat -270px -639px; }
.user_experience_icon .icon_every i.bg5 { background: url(../img/icon_all.png) no-repeat -359px -639px; }
.user_experience_icon .icon_every i.bg6 { background: url(../img/icon_all.png) no-repeat -219px -331px; }
.user_experience_icon .icon_every .title { display: block; line-height: 28px; padding-top: 15px; font-size: 16px; color: #333; }
.user_experience_icon .icon_every .text { display: block; line-height: 20px; font-size: 16px; color: #999999; }
.inspiration_title { display: block; line-height: 52px; text-align: center; font-size: 48px; color: #333333; }
.inspiration_text { display: block; line-height: 42px; text-align: center; font-size: 28px; color: #666666; }
.inspiration_img { display: block; text-align: center; }
.inspiration_main { position: relative; padding-bottom: 15px; }
.inspiration_main_every { float: left; width: 590px; height: 196px; margin-top: 15px; font-size: 16px; color: #000000; }
.inspiration_main_every .title { display: block; line-height: 32px; padding-top: 40px; padding-left: 40px; }
.inspiration_main_every .text { display: block; line-height: 28px; padding: 26px 65px 0 40px; }
.inspiration_main .cen_title { position: absolute; left: 50%; top: 50%; display: block; width: 136px; height: 110px; line-height: 40px; text-align: center; margin: -68px 0 0 -68px; padding-top: 26px; background: #7dc8a0; font-size: 33px; color: #fff; border-radius: 100%; overflow: hidden; }
.recommended_title { display: block; line-height: 48px; text-align: center; font-size: 28px; color: #666666; }
.recommended_main { width: 1218px; padding-top: 23px; padding-bottom: 52px; }
.recommended_main_every { float: left; width: 384px; margin: 10px 20px 0 0; }
.recommended_main_every img { display: block; }
.recommended_main_every .text_box { height: 86px; background: #eeeeee; }
.recommended_main_every .title { display: block; line-height: 28px; padding: 16px 0 0 20px; font-size: 18px; color: #333333; }
.recommended_main_every .text { display: block; line-height: 20px; padding-left: 20px; font-size: 14px; color: #999999; }