*{-webkit-box-sizing: border-box; box-sizing: border-box;}
.table{display: table;}
.table_cell{display: table-cell; vertical-align: middle;}
.clearfix:after{content: ''; display: block; clear: both;}
.blockbox{width: 1200px; margin: auto;}
.common{text-align: center; padding-top: 60px;}
.common_title{font-size: 42px; color: #222222; line-height: 42px;}
.common_title span{color: #ee375e;}
.common_dec{font-size: 18px; color: #666666; line-height: 18px; margin-top: 18px;}
.common_dec:after{content: ''; display: block; width: 38px; height: 8px; background: url("../shijue/common_icon1.png") no-repeat center; margin: 15px auto auto auto;}
.banner{width: 100%; height: 620px; position: relative;}
.banner img{width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0;}
.banner .blockbox{position: relative; height: 100%; z-index: 2; text-align: center;}
.banner_cell_t{font-size: 72px; color: #ffffff; line-height: 72px; text-transform: uppercase; position: relative;}
.banner_cell_t_logo{width: 62px; height: 62px; border-radius: 3px; background: #ee375e; position: absolute; text-align: center; padding-top: 7px; top: 17px; right: -62px;}
.banner_cell_t_logo p{font-size: 20px; color: #ffffff; line-height: 20px;}
.banner_cell_t_logo p:last-child{margin-top: 4px;}
.banner_cell_info{font-size: 40px; color: #fff; line-height: 40px; margin-top: 25px;}
.banner_cell_info span{color: #fff000; position: relative;}
.banner_cell_info span:after{content: ''; display: block; width: 37px; height: 8px; background: url("../shijue/banner_icon1.png") no-repeat center; position: absolute; bottom: -20px; left: 50%; margin-left: -18.5px;}
.banner_cell_mark{width: 310px; padding: 8px 0; margin: 50px auto auto auto; border: 1px solid #fff; text-align: center; line-height: 20px; font-size: 20px; color: #fff;}
.visual_design{width: 100%; background: #ffffff;}
.visual_design_show{width: 100%; margin-top: 40px;}
.visual_design_show_l{width: 618px; height: 578px; float: left; background: url("../shijue/visual_design_img1.png") no-repeat center; position: relative;}
.visual_design_show_l img{position: absolute; left: 67px; bottom: -23px;}
.visual_design_show_r{width: 535px; float: right; text-align: left; padding-top: 70px; padding-bottom: 45px; border-bottom: 1px dashed #dddddd; position: relative;}
.visual_design_show_r_each{margin-top: 40px;}
.visual_design_show_r_each h3{font-size: 20px; color: #333333; line-height: 20px; padding-left: 20px; background: url("../shijue/visual_design_icon1.png") no-repeat center left;}
.visual_design_show_r_each h3 span{font-size: 16px; color: #cccccc; line-height: 16px; vertical-align: bottom; font-weight: normal; text-transform: uppercase;}
.visual_design_show_r_each_link{font-size: 0; padding-top: 6px;}
.visual_design_show_r_each_link a{display: inline-block; text-align: left; width: 145px; transition: 0.3s; font-size: 16px; color: #666666; line-height: 16px; margin-top: 16px;}
.visual_design_show_r_each_link a:nth-child(4n){width: 90px;}
.visual_design_show_r_each_link a:hover{color: #ee375e; font-weight: bold;}
.visual_design_more{display: block; width: 71px; height: 22px; text-align: center; line-height: 22px; font-size: 14px; color: #ffffff; text-transform: uppercase; background: #ee3960; position: absolute; bottom: -10px; right: 20px; transition: 0.3s;}
.visual_design_more:hover{transform: translateY(-5px);}
.case_appreciate{width: 100%; background: #f4f4f4; padding-bottom: 66px;}
.case_appreciate_list{margin-top: 50px; height: 1170px; width: 100%; position: relative;}
.case_appreciate_each{width: 288px; height: 1170px; float: left; overflow: hidden; box-shadow: 0 0 6px rgba(102, 102, 102, 0.35); border-radius: 3px; position: absolute;}
.case_appreciate_each img{position: absolute; top: 0; left: 0;}
.case_appreciate_each_in{transform: translateY(0);}
.case_appreciate_each_in_img{border-radius: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.case_appreciate_each_in_img:not(:last-child){margin-bottom: 20px;}
.case_appreciate_each_in:hover{-webkit-transition-duration: 20s; -webkit-transition-timing-function: linear; -webkit-transition: transform 20s linear 0s; -webkit-transform: translateY(calc(-100% + 1170px)); -moz-transition-duration: 20s; -moz-transition-timing-function: linear; -moz-transition: transform 20s linear 0s; -moz-transform: translateY(calc(-100% + 1170px)); -ms-transition-duration: 20s; -ms-transition-timing-function: linear; -ms-transition: transform 20s linear 0s; -ms-transform: translateY(calc(-100% + 1170px)); transition-duration: 20s; transition-timing-function: linear; transition: transform 20s linear 0s; transform: translateY(calc(-100% + 1170px));}
.case_appreciate_each:not(:last-child){margin-right: 15px;}
.design_team{width: 100%; height: 780px; background: url("../shijue/design_team_bg.jpg") no-repeat center;}
.design_team .common_title,
.design_team .common_dec{color: #fff;}
.design_team_swiper{width: 100%; height: 438px; margin-top: 55px;}
.design_team_swiper_slide{width: 231px !important; height: 438px !important; background: rgba(255, 255, 255, 0.9); position: relative; margin-right: 9px;}
.design_team_swiper_slide_watermark{font-size: 16px; color: #cccccc; line-height: 16px; font-family: 'Arial'; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);}
.design_team_swiper_slide_watermark:before{content: ''; display: block; position: absolute; top: 50%; left: -40px; width: 32px; height: 1px; background: #d4d3d4;}
.design_team_swiper_slide_watermark:after{content: ''; display: block; position: absolute; top: 50%; right: -40px; width: 32px; height: 1px; background: #d4d3d4;}
.design_team_swiper_slide_front{width: 100%;}
.design_team_swiper_slide_front_img{width: 100%; height: 263px; border: 2px solid #fff;}
.design_team_swiper_slide_front_img img{width: 227px; height: 259px;}
.design_team_swiper_slide_front_name{text-align: center; font-size: 20px; color: #333333; line-height: 20px; margin: 17px 0 14px 0;}
.design_team_swiper_slide_front_design{display: block; width: 92px; height: 25px; text-align: center; line-height: 25px; background: #ee375e; margin: auto; font-size: 16px; color: #f0f0f0;}
.design_team_swiper_slide_front_content{width: 200px; height: 48px; font-size: 14px; color: #555555; line-height: 24px; margin: auto; overflow: hidden; margin-top: 10px;}
.design_team_swiper_slide_hover{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(194, 36, 70, 0.8); z-index: 2; padding: 53px 17px 0 17px; text-align: left; transition: 0.5s; transform: translateY(-100%);}
.design_team_swiper_slide_hover p{font-size: 16px; color: #ffffff; line-height: 28px; width: 100%; margin-top: 18px; height: 308px; overflow: hidden;}
.design_team_swiper_slide:hover .design_team_swiper_slide_hover{transform: translateY(0);}
.design_team_footer{width: 100%; height: 60px; background: url("../shijue/design_team_line.png") no-repeat center bottom; position: relative;}
.design_team_footer_controller{width: 90px; height: 45px; position: absolute; top: 22px; left: 50%; margin-left: -45px;}
.design_team_footer_prev{display: inline-block; width: 45px; height: 45px; background: url("../shijue/design_team_l.png") no-repeat center; transition: 0.3s;}
.design_team_footer_prev.on{background: url("../shijue/design_team_l_h.png") no-repeat center;}
.design_team_footer_next{display: inline-block; width: 45px; height: 45px; background: url("../shijue/design_team_r.png") no-repeat center; transition: 0.3s;}
.design_team_footer_next.on{background: url("../shijue/design_team_r_h.png") no-repeat center;}
.choose_me{width: 100%; height: 792px; background: url("../shijue/choose_me_bg.jpg") no-repeat center;}
.choose_me_detail{width: 100%; height: 507px; background: url("../shijue/choose_me_bg1.jpg") no-repeat right bottom; margin-top: 60px;}
.choose_me_detail_show{width: 1158px; height: 480px; background: #ffffff url("../shijue/choose_me_line.png") no-repeat center; box-shadow: 0 0 6px rgba(153, 153, 153, 0.35);}
.choose_me_detail_show_l{float: left; width: 428px; margin-left: 35px; padding-top: 40px;}
.choose_me_detail_show_l h2{text-align: center; font-size: 30px; color: #444444; line-height: 30px; margin-bottom: 38px;}
.choose_me_detail_show_r{float: right; width: 428px; margin-right: 75px; padding-top: 40px;}
.choose_me_detail_show_r h2{text-align: center; font-size: 30px; color: #ea1643; line-height: 30px; margin-bottom: 38px;}
.choose_me_detail_show_each{padding-left: 45px; text-align: left; position: relative; height: 120px;}
.choose_me_detail_show_each h3{font-size: 20px; color: #444444; line-height: 20px;}
.choose_me_detail_show_each p{font-size: 16px; color: #444444; line-height: 25px; margin-top: 10px;}
.choose_me_detail_show_each img{position: absolute; top: 0; left: 0;}
.design_guarantee{width: 100%; height: 702px; background: url("../shijue/design_guarantee_bg.jpg") no-repeat center;}
.design_guarantee .common_title,
.design_guarantee .common_dec{color: #fff;}
.design_guarantee_list{width: 100%; margin-top: 110px;}
.design_guarantee_each{width: 293px; height: 349px; float: left; background: rgba(0, 0, 0, 0.5); border-radius: 3px; position: relative; padding: 78px 18px 0 18px; font-size: 0; transition: 0.3s;}
.design_guarantee_each:not(:last-child){margin-right: 8px;}
.design_guarantee_each_img{width: 93px; height: 93px; background: #fff; border-radius: 100%; position: absolute; top: -47px; left: 50%; margin-left: -46.5px;}
.design_guarantee_each_img img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.design_guarantee_each h3{font-size: 20px; color: #ffffff; font-weight: bold; line-height: 20px;}
.design_guarantee_each .ename{font-size: 16px; color: #999999; line-height: 16px; margin: 14px 0 40px 0; transition: 0.3s;}
.design_guarantee_each .intro{font-size: 16px; color: #ffffff; line-height: 24px; margin-top: 36px;}
.design_guarantee_each:hover{background: #ee375e;}
.design_guarantee_each:hover .ename{color: #fff;}
.process{width: 100%; padding-bottom: 28px; background: #f4f4f4;}
.process_detail{text-align: center; margin-top: 60px;}
.cooperation{width: 100%; padding: 0 0 95px 0; background: #fff; display: none;}
.cooperation table{width: 1151px; height: 338px; border: 1px solid #eaeaea; margin-top: 70px; position: relative; z-index: 2; background: #fff;}
.cooperation table tbody{position: relative;}
.cooperation table tr{border-bottom: 1px solid #eaeaea;}
.cooperation table td{text-align: center; table-layout: auto; width: 14.28%; background: #fff; transition: 0.3s;}
.cooperation table td:not(:nth-child(7n)){border-right: 1px solid #eaeaea;}
.cooperation table td img{max-width: 100%;}
.cooperation table td:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset;}
.cooperation table:after{content: ''; display: block; width: 601px; height: 400px; background: url("../shijue/coor_bg.jpg") no-repeat center; position: absolute; top: -33px; right: -50px; z-index: -1;}