/** * Copyright(C), Spaceflight Technology Co., Ltd. * FileName: adapter.css * Author: hujiqiang QQ:2873660121 * Update: hujiqiang QQ:2873660121 * Description: CSS Reset & Public Components */ @media only screen and (max-width: 1900px) { .th_header{ max-width: 100%; padding: 35px 100px 0;} .th_nav{ padding: 20px 55px 0 150px;} .th_nav li a{ width: 105px;} .th_banner .th_ban_menu li a{ display: block; padding: 0 70px; min-height: 125px;} /*.th_banner .th_ban_menu li:first-child a{ padding: 0 96px 0 14rem;}*/ .th_footer_con .th_col-02 dl dt{ padding: 0 3.59em;} } @media only screen and (max-width: 1700px) { .th_case_list li .th_cont{ padding: 18px 0;} .th_case_list li .th_cont .th_r{ width: 63%;padding-left: 7%;} /*.brand_fixed{ top: 5%;}*/ .brand_fixed a{ min-height: auto; font-size: 12px; padding: 10px 10px 10px;} .th_pro_yb_info .th_right{ width: 60%;} .th_pro_zc_03 .th_body li{ min-height: 195px;} .th_pro_zc_03 .th_body li h1{ padding-top: 20px;} .th_pro_zc_04 .th_body{ padding-bottom: 20px;} .th_pro_zc_01 .th_hd li{ margin-right: 10px;} .th_pro_zc_02 .th_body{ padding-top: 70px;} .th_pro_zc_02 .th_body .th_img li{ width: 28%; padding-right: 1%;} .th_pro_zc_02 .th_body .txt_l{ padding-top: 85px; line-height: 35px;} .th_pro_zc_02 .th_body .th_img li img{ max-width: 100%; height: auto; display: block} .th_pro_zc_05 .th_img_list li{ float:left; width: 15.6%; height: 89px; border: 1px solid #d5d5d5; padding: 10px; margin: 25px 1% 0 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_pro_zc_05 .th_img_list li a{border: 1px solid #d5d5d5; height: 85px; display: block; overflow: hidden;} .th_pro_zc_05 .th_img_list li a span{ display: block; position: relative; width: auto; height: 85px;} .th_pro_zc_05 .th_img_list li a span img{ width: 100%; height: 85px; display: block;} .th_header{ max-width: 100%; padding: 35px 100px 0;} .th_nav{ padding: 20px 55px 0 80px;} .th_nav li a{ width: 105px;} .th_footer_con .th_col-01{ padding-right: 7rem;} .th_footer_con .th_col-02 dl dt{ padding: 0 3.59em;} .th_ins_ban .th_bot .th_left{ width: 936px;} .th_nav li:after{ top: 6px;} .th_wraper, .th_main{ max-width: 1200px;} .th_news_dsj_scroll .swiper-slide .th_r_txt{ max-width: 46%;} .th_pro_gf_02 .th_body li{ width: 285px;} .th_pro_gf_01 .th_body .th_img_btn{width:320px} .th_pro_gf_01 .th_body .th_img_btn .ht_a, .th_pro_gf_01 .th_body .th_img_btn .th_tbn{ width: 265px;} .th_pro_gf_03 .th_body .th_img_btn{ width: 320px;} .th_pro_gf_03 .th_body .th_img_btn .ht_a, .th_pro_gf_03 .th_body .th_img_btn .th_tbn{ width: 265px;} /*brand*/ .brand .th_img_l{ width: 33.5%; float: left;} .brand .th_img_l .th_img img { max-width: 100%; display: block; height: auto;} .brand .th_img_l .th_txt{ width: 100%; min-height: 256px; line-height: 256px; font-size: 30px; color: white; text-align: center;} .brand .th_img_r{width: 66.5%} .brand .th_img_r .topBar{ width: 100%;min-height: 615px; background-color: white;} /*th_sg_03*/ .th_sg_03 .th_body{ max-width: 1200px; background: url(../images/th_79.jpg) no-repeat; min-height: 512px; margin: 0 auto;} .th_sg_03 .th_body .tab_left{ float: left; width: 40%; height: 310px; padding:55px 30px; background-color: rgba(246,246,246,.8); margin-top: 45px;} .th_sg_03 .th_body .tab_right{ float: left; width: 50%; padding: 0 30px;} .th_header{ max-width: 100%; padding: 35px 50px 0;} .th_nav{ padding: 20px 20px 0 100px;} .th_nav li a{ width: 107px;} .th_nav li:nth-child(5):after{ right: 10px;} .th_nav > ul > li dl{ top: 50px;} .th_footer_con .th_col-01{ padding-right: 4rem;} .th_footer_con .th_col-02 dl dt{ padding: 0 2.6rem;} .th_ins_ban .th_bot .th_left{ width: 805px;} /*th_pro_01*/ .th_pro_01 .th_list_img{ max-width: 1538px; padding: 0 15px; margin: 0 auto; padding-bottom: 160px; overflow: hidden;} .th_pro_01 .th_list_img ul{ width: 100%;} .th_pro_01 .th_list_img li{ float: left; max-width: 12%; margin-right: 23px; text-align: center;} .th_pro_01 .th_list_img li:first-child{ max-width: 18%;} .th_pro_01 .th_list_img li:last-child{ margin-right: 0;} .th_pro_01 .th_list_img li p{ min-height: 257px;} .th_pro_01 .th_list_img li p img{ max-width: 100%; min-height: 257px; display: block;} .th_pro_01 .th_list_img li span{ padding-top: 20px;} .th_pro_gf_04 .th_body .th_img ul li{ margin-right: 30px;} .th_pro_gf_01 .th_body .th_scrol{ width: 840px;} .th_pro_gf_01 .th_body .th_scrol .th_con li{ width: 156px} .th_pro_gf_01 .th_body .th_scrol .th_con li a > img{ height: 240px;} .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(6), .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(7), .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(8){ width: 270px;} .th_pro_gf_03 .th_body .th_scrol{ width: 840px;} .th_pro_gf_03 .th_body .th_scrol .th_con li{ width: 270px;} .th_pro_gf_03 .th_body .th_scrol .th_con li a > img{ height: 205px;} .th_pro_gf_04 .th_body .th_img ul li a img{ height: 190px;} .th_index_case{ padding: 50px 0 60px 0;} .wraper .th_scro_case{ padding-top: 30px;} /*th_pro_02*/ .th_pro_02 .th_one_list .th_con{ width: 319px; position: relative; margin-bottom: 25px;} .th_pro_02 .th_one_list .th_con .box_c{ width: 90%; float: left; } .th_pro_02 .th_one_list .th_con .img{ width: 240px; overflow: hidden;} .th_pro_02 .th_one_list .th_con .img > img{ width: 100%; min-height:170px; display: block;} .th_pro_02 .th_one_list .th_con .th_desc{ width: 240px; color: white; min-height: 175px; padding: 20px 0;} .th_pro_02 .th_one_list .th_con .th_r{ position: absolute; top: 20%; right: 7%;} .th_pro_02 .th_one_list .th_con .th_desc dl{ width: 65%} .th_pro_02 .th_one_list .th_con.box_4, .th_pro_02 .th_one_list .th_con.box_8{ width: 234px} .th_pro_02 .th_one_list .th_con.box_4 .th_r{ position: absolute; bottom: 0; right: 50%; top: auto;} .th_pro_02 .th_one_list .th_con.box_5 .th_r{ display: none;} .th_pro_02 .th_one_list .th_con.box_5, .th_pro_02 .th_one_list .th_con.box_6, .th_pro_02 .th_one_list .th_con.box_7, .th_pro_02 .th_one_list .th_con.box_8{ float: right; width: 245px; padding-left: 72px} .th_pro_02 .th_one_list .th_con.box_8{ padding-left: 0;} .th_pro_02 .th_one_list .th_con.box_5 .th_r, .th_pro_02 .th_one_list .th_con.box_6 .th_r, .th_pro_02 .th_one_list .th_con.box_7 .th_r, .th_pro_02 .th_one_list .th_con.box_8 .th_r{position: absolute; top: 20%; right: -16%;} /*th_side_wid*/ .th_side_wid h1{color: white;padding-left: 10%;} .th_side_wid ul{ padding-top: 15px; padding-left: 10%;} .th_side_wid ul li{ float: left; width: 20%; padding-right: 15px;} .th_side_wid ul li input[type="text"]{ width: 100%; } .th_side_wid ul li button{ width: 100%; background: url(../images/th_icon_35.png) no-repeat 45px center #e90014; text-indent: 45px;} /*th_about_2*/ .th_about_2 .th_body .cont{ width: 100%;} .th_about_2 .th_body .cont .f-list{ width: 795px; overflow: hidden;padding-bottom: 50px;} .th_about_2 .th_body .cont .f-list > ul{ width: 110%; } .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 360px; min-height: 297px; margin: 37px 39px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 260px; height: 217px; padding: 40px 50px; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-fr{ margin-top: 37px; float: left; width: 360px;} .th_about_2 .th_body .cont .f-fr a{ width: 260px; height: 554px; padding: 40px 50px; border: 2px solid #ddd; display: block; background-color: white;} .th_service_04{ background: url(../images/th_service_04_bg.jpg) no-repeat; background-size: cover; padding-bottom: 65px;} .th_service_04 h1 span{ display: inline-block; background-color: rgba(255,255,255,0); position: relative; z-index: 9; padding: 0 75px;} .th_service_04 .th_bd{ padding-top: 30px;} .th_service_04 .th_bd ul li{ float: left; width: 23%; padding: 6px; border-radius: 5px; background-color: white; margin: 20px 5px; position: relative;} .th_service_04 .th_bd ul li a{ width: 100%;} /*th_schera_list*/ .th_schera_list li .th_r_txt{ width: 60%; padding-left: 35px;} /*th_tema_fx_top*/ .th_tema_fx_top .fx_right{ width: 56%; padding: 0 2%; border: 0; margin-top: 25px;} /*th_tema*/ .th_tema .th_body{ overflow: hidden;} .th_tema .th_body ul{ width: 100%;} .th_tema .th_body li{ width: 23%; padding: 0 1%; min-height: auto; overflow: hidden; overflow: hidden; margin: 25px 0 0 0;} /*th_sg_01*/ .th_sg_01 .th_body{ padding-top: 30px;} .th_sg_01 .th_body li{ float: left; width: 21%; padding: 0 2%; text-align: center;} .th_sg_01 .th_body li span{ color: #333; font-size: 24px; display: block; padding-top: 50px;} /*th_rig_txt*/ .th_rig_txt{ margin-left: 0; background-color: #f5f5f5; padding: 30px; margin-top: 50px; max-width: 63%;} .th_rig_txt .th_form{ width: 375px;} .th_rig_txt .th_form_r{ max-width: 43%;} .th_rig_txt .th_form_r .th_desc{ font-size: 16px; padding-bottom: 32px;} /*about*/ .th_about_1 .th_list_fouer .th_img_list{ width: 57%;} .th_about_1 .th_list_fouer .th_img_list li{ float: left; width: 31.33%; padding: 0 1%; margin-right: 0;} .th_about_1 .th_list_fouer .th_txt_body{ max-width: 37%;} .th_about_1 .th_list_fouer .th_txt_body h2{ font-size: 15px; color: #999; padding-top: 0px; line-height: 25px;} /*th_about_3*/ .th_about_3 .th_body{ max-width: 1100px; margin: 0 auto;} /*th_service_01*/ .th_service_01{ padding-bottom: 80px;} .th_service_01 .th_service_body{ overflow: hidden;} .th_service_01 .th_service_body ul{ width: 100%;} .th_service_01 .th_service_body li{ float: left; width: 23%; margin-right: 0px; padding: 28px 1%;} /*th_service_02*/ .th_service_02{background:url(../images/th_service_02_bg.jpg) no-repeat; background-size:cover; padding-bottom: 140px;} .th_service_02 .serv_title h1 span{ background-color: rgba(72,71,69,1); color: white;} .th_service_02 .th_body{ padding: 0 3%;} .th_service_02 .th_body .list{ width: 48%; color: white;} .th_service_02 .th_body .list dl dt{ font-size: 20px; background: url(../images/th_icon_09.png) no-repeat; padding-left: 12px; line-height: 51px;} .th_service_02 .th_body .list dl dd{ font-size: 16px; padding-left: 65px; line-height: 40px; position: relative; background: url(../images/th_icon_11.png) no-repeat 37px center;} .th_service_02 .th_body .list .th_txt{ font-size: 26px; padding-top: 120px; line-height: 45px;} /*th_service_03*/ .th_service_03 .th_body{ padding: 0 0%;} /*th_pro_yb_info*/ .th_pro_yb_info{ padding: 55px 0;} .th_pro_yb_info .th_left{ max-width: 35%;} /*th_pro_yb_list*/ .th_pro_yb_list > ul > li .th_left{ max-width: 35%;} .th_pro_yb_list > ul > li .th_right{ width: 60%;} /*th_pro_gf_04*/ .th_pro_gf_04{ background-color: #efefef; padding-bottom: 70px;} .th_pro_gf_04 .pro_title h1 span{background-color: #efefef; font-size: 36px; color: #ff9e00;} .th_pro_gf_04 .pro_title h1:after{ background-color: #ff9e00;} .th_pro_gf_04 .th_body .th_img{ overflow: hidden; width: 50%;} .th_pro_gf_04 .th_body .th_img ul li{ float: left; width: 22%; padding: 0 1%; margin: 0; margin-top: 2px; margin-right: 8px;} .th_pro_gf_04 .th_body .th_img ul li:last-child{ margin-right: 0;} .th_pro_gf_04 .th_body .th_img ul li a{ border: 3px solid #c92d31; display: block} .th_pro_gf_04 .th_body .th_img ul li a img{ width: 100%;} .th_pro_gf_04 .th_body .f-txt{ width: 43%;} .th_pro_gf_04 .th_body .f-txt li{ width: 100%; font-size: 18px; color: #333; padding: 5px 0;} .th_pro_gf_04 .th_body .f-txt li label{ float: left; font-size: 16px; width: 105px; display: block; } .th_pro_gf_04 .th_body .f-txt li .th_fxtx{ font-size: 16px; float: left; width: auto; max-width: 78%; line-height: 25px;} /*th_pro_gf_02*/ .th_pro_gf_02 .pro_title h1 span{background-color: #efefef;} .th_pro_gf_02 .th_body{ overflow: hidden;} .th_pro_gf_02 .th_body ul{ width: 100%;} .th_pro_gf_02 .th_body li{ float: left; width: 23%; margin: 20px 0 0 0; padding: 1%;} /*th_pro_fwtd_02*/ .th_pro_fwtd_02 .th_body ul{ width: 100%;} .th_pro_fwtd_02 .th_body li{ float: left; margin-right: 0; width: 30.33%; padding: 0 1.5%;} .th_pro_fwtd_02 .th_body li:after{ left: 3.5%;} .th_pro_fwtd_02 .th_body li a{ width: 100%; min-height: 460px; display: block; border: 1px solid #b0b0b0; background-color: white; padding: 7px;} .th_pro_fwtd_02 .th_body li a img{ width: 100%;} /*th_pro_fwtd*/ .th_pro_fwtd_01 .th_body{ background: url(../images/th_55.jpg) repeat-x; background-size: 100% 56%;} .th_pro_fwtd_01 .th_body .img_c{ margin-right: 40px; width: 34%;} .th_pro_fwtd_01 .th_body .txt_r .desc{ font-size: 16px; line-height: 30px;} /*th_pro_ys_04*/ .th_pro_ys_04 .th_lift{ width: 660px; overflow: hidden; padding-bottom: 66px; position: relative;} .th_pro_ys_04 .th_lift ul{ width: 100%;} .th_pro_ys_04 .th_lift li{ float: left; width: 48%; padding-right: 2%; margin-top: 35px;} .th_pro_ys_04 .th_lift li a{ display: block; width: 100%; margin: 0;} .th_pro_ys_04 .th_lift li a img{ width: auto; height: 210px; display: block;} .th_pro_ys_04 .th_rig{ width: 40%; font-size: 18px; color: #333; line-height: 40px; padding-top: 35px;} .th_pro_ys_04 .th_body{ position: relative;} .th_pro_ys_04 .op_boot{ position: absolute; bottom: -3px; right: 0; z-index: 98;} .th_pro_ys_04 .op_boot img{ height: 207px;} /*th_pro_ys_03*/ .th_pro_ys_03 .th_body li a .th_con{ padding: 30px; width: 50%; float: right;} .th_pro_03 .th_bd .th_sc .swiper-container .swiper-slide a p{ padding-top: 40px;} /*th_pro_ys_02*/ .th_pro_ys_02 .th_body ul{ width: 100%;} .th_pro_ys_02 .th_body li{ float: left; width: 31.33%; background-color: white; margin: 0 1%;} /*th_pro_ys_01*/ .th_pro_ys_01 .th_body .th_conT{ max-width: 48%;} .th_pro_03 .pro_title{ padding: 40px 0 20px;} /*th_pro_01*/ .th_pro_01 .th_list_img{ max-width: 1538px; padding: 0 15px; margin: 0 auto; padding-bottom: 160px; overflow: hidden;} .th_pro_01 .th_list_img ul{ width: 100%;} .th_pro_01 .th_list_img li{ float: left; max-width: 11.5%; margin-right: 23px; text-align: center;} .th_pro_01 .th_list_img li:first-child{ max-width: 18%;} .th_pro_01 .th_list_img li:last-child{ margin-right: 0;} .th_pro_01 .th_list_img li p{ min-height: auto;} .th_pro_01 .th_list_img li p img{ max-width: 100%; min-height: 230px; display: block;} .th_pro_01 .th_list_img li span{ padding-top: 10px;} .th_header{ max-width: 100%; padding: 35px 50px 0;} .th_nav li a{ width: 100px; } .th_banner .th_ban_menu li a{ display: block; padding: 0 60px; min-height: 125px;} .th_footer_con .th_col-01{ padding-right: 0;} .th_footer_con .th_col-02 dl dt{ padding: 0 3.59em;} /*th_index_about*/ .th_index_about{ padding: 80px 0 80px; max-width: 1200px;} .th_index_about .th_left_con{ width: 55%; position: relative;} .th_index_about .th_left_con .th_img{ width: 92%; overflow: hidden;} .th_index_about .th_left_con .th_img img{ width: 100%;} .th_index_about .th_right_con{ width: 45%;} .th_index_about h1{ font-size: 36px; color: #ff9e00; padding-left: 55px;} .th_index_about h1 em{ font-size: 24px; color: #666; font-family: arial;} .th_index_about .th_right_con span{ display:block; width: 260px; height: 1px; background-color: #b2b2b2; margin: 39px 0 42px;} .th_index_about h2{padding-left: 55px;color: #333;} .th_index_about h3{ padding-left: 55px; font-size: 20px; color: #333; padding-top: 37px; line-height: 30px;} .th_index_about .th_desc{ font-size: 15px; color: #666; padding-left: 55px; line-height: 25px; padding-top: 39px;} .th_index_about .th_btn{padding-left: 55px; padding-top: 72px;} .th_index_about .th_btn a{ width: 108px; height: 44px; line-height: 44px; background: url(../images/th_icon_25.png) no-repeat 50px center #ff9e00; display: block; font-size: 14px; color: white; padding-left: 90px;} .th_index_about .th_btn a:hover{background: url(../images/th_icon_25.png) no-repeat 40px center #ff9e00;} /*th_index_design*/ .th_index_design{ padding: 103px 0 90px; background: url(../images/th_index_design.jpg) no-repeat;} .th_index_design .th_wraper{ max-width: 1200px;} /*th_index_team*/ .th_index_team{ padding-bottom: 90px; max-width: 1200px;} .th_index_team .th_title .f-fl{ font-size: 38px; color: #333;} .th_index_team .th_title .f-fl em{ font-family: arial; font-size: 24px; color: #666;} .th_index_team .th_title .f-fr{ font-size: 18px; color: #666; padding-top: 20px;} .th_index_team .th_title .f-fr em { text-align: center; width: 22px; height: 22px; display: inline-block; color: white; border-radius: 50%; background-color: #ff9e00;} .th_index_team .th_body{ padding-top: 40px;} .th_index_team .th_body .th_thLeft{ width: 820px; background-color: #ececec; min-height: auto; position: absolute; z-index: 25;} .th_index_team .th_body .th_thLeft .th_con{ max-width: 360px; /*height: 330px;*/padding: 20px; background-color: #f4f4f4; position: absolute; top: 25px; left: 25px;} .th_index_team .th_body .th_thLeft .th_con .tit dl dt{ font-size: 24px; color: black;} .th_index_team .th_body .th_thLeft .th_con .tit dl dd{ font-size: 14px; color: #333; padding: 13px 0; position: relative;} .th_index_team .th_body .th_thLeft .th_con .tit dl dd:after{ content: ''; width: 26px; height: 1px; background-color: #ff9e00; position: absolute; left: 0; bottom: 0;} .th_index_team .th_body .th_thLeft .th_con .th_desc{ font-size: 12px; color: #666; line-height: 25px; padding: 15px 0;overflow: hidden;} .th_index_team .th_scroll{ float: right; width: 435px; height: 430px; position: relative;} .th_index_team .th_scroll .swiper-container{ width: 100%; height: 100%; position: relative;} .th_index_team .th_scroll .swiper-container .swiper-slide img{ width: 100%; min-height: 390px;} .th_index_team .th_scroll .swiper-container .swiper-button-prev, .th_index_team .th_scroll .swiper-container .swiper-button-next{top: 93%; display: none;} .th_index_team .th_scroll .th_ban_page{ font-size: 18px; color: #8f8f8f; width: 100px; height: 23px; position: absolute; bottom: 44px; right: 10%; z-index: 25;} .th_index_team .th_scroll .th_ban_page span{ font-size: 32px; color: #3b3b3b;} .th_index_team .th_scroll .th_btn_link{ position: absolute; bottom: 29px; left: 100px; z-index: 60;} .th_index_team .th_body .th_righ{ height: 387px;} /*th_index_zg*/ .th_index_zg{ padding-bottom: 90px; max-width: 1200px;} .th_index_zg .th_title .t{ font-size: 38px; color: #666;} .th_index_zg .th_title .t em{ font-size: 24px; font-family: "arial";} .th_index_zg .th_title .x{ width: 28%; height: 1px; background-color: #e5e5e5; margin: 25px 0 0 25px;} .th_index_zg .th_title .f-fr a{ font-size: 18px; width: 153px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #ccc; display: block;} .th_index_zg .th_title .f-fr a:hover{ background-color: #ff9e00; color: white;} .th_index_zg .th_body .th_left{ width: 50%;} .slideTxtBox .hd ul li{ margin-right: 9px;} .slideTxtBox .bd li img{ width: 100%;} .th_index_zg .th_body .th_rig{ width: 47%; padding-left: 3%; padding-top: 51px;} .th_index_zg .th_body .th_rig .th_rig_top{ overflow: hidden; border-bottom: 1px solid #e5e5e5; padding-bottom: 58px;} .th_index_zg .th_body .th_rig .th_rig_top li dl dt{ font-size: 18px; color: #666;} .th_index_zg .th_body .th_rig .th_rig_top li dl dd{ font-size: 16px; color: #999; padding-top: 13px;} .th_index_zg .th_body .th_rig .th_rig_top li:first-child{ padding-right: 30px;} .th_index_zg .th_body .th_rig .th_rig_top li:nth-child(2){ padding-right: 30px;} .th_index_zg .th_body .th_rig .th_rig_top li:nth-child(3) h2{ min-height: 66px;} .th_index_zg .th_body .th_rig .th_rig_Bot{ padding-top: 63px;} .th_index_zg .th_body .th_rig .th_rig_Bot .top{ width: 100%;} .th_index_zg .th_body .th_rig .th_rig_Bot .bottom{ width: 100%; padding-top: 50px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof-1{ width: 180px; border-right: 1px solid #e5e5e5;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik{ color: black; padding-bottom: 20px; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik:after{ content: ''; width: 26px; height: 1px; background-color: #ccc; position: absolute; bottom: 0; left: 0;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik dl dt{ font-size: 20px;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik dl dd{ font-family: arial; font-size: 14px; padding-top: 10px;} .th_index_zg .th_body .th_rig .th_rig_Bot .th_des{ font-size: 14px; color: #666; line-height: 25px; padding-top: 20px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof{ width: 155px; text-align: center; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof p{ height: 60px; text-align: center; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof p img:last-child{ opacity: 0; position: absolute; top: 0; left: 50%; margin-left: -25px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof dl dt{ font-size: 19px; color: #333;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof dl dd{ font-size: 14px; color: #666; padding-top: 10px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-1{ padding-left: 0;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-1 .xx{ position: absolute; top: 15px; left: 118px; width: 140px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-2{ padding-left: 61px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3{ padding-right: 94px; position: relative; width: 100px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3 .xx{ position: absolute; top: 10px; left: 97px; width: 140px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-4{padding-right: 50px; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-4 .xx{ position: absolute; top: 10px; left: 103px; width: 140px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof:hover p img:last-child{ opacity: 1;} /*th_index_zc*/ .th_index_zc{ width: 100%; background: url(../images/th_bg_01.jpg) no-repeat left center; min-height: 541px; padding-top: 128px;} .th_index_zc .th_wraper{ position: relative; max-width: 1200px;} .th_index_zc .th_title .f-fl{ width: 50%; position: relative; font-size: 18px;} .th_index_zc .th_title .f-fr{ width: 50%;} .th_index_zc .th_title .f-fr .th_list{ padding-left: 20px;} .th_index_zc .th_body .th_video{} .th_index_zc .th_body .th_video #video{ width: 100%; height: 398px; } .th_index_zc .th_body .th_form{ background-color: white; width: 38%; padding:0 2%; height: 398px; border-radius: 0 0 10px 0; box-shadow: 0 5px 5px #ccc;} .th_index_zc .th_body .th_form h1{ text-align: center; font-size: 24px; color: black; padding-top: 50px; padding-bottom: 10px;} .th_index_zc .th_body .th_form p{ text-align: center; font-size: 14px; color: #555; line-height: 22px;} .th_index_zc .th_body .th_form .th_tab{ padding-top: 17px;} .th_index_zc .th_body .th_form .th_tab table{ width: 100%;} .th_index_zc .th_body .th_form .th_tab table tr td, .th_index_zc .th_body .th_form .th_tab table tr td ul{ width: 100%;} .th_index_zc .th_body .th_form .th_tab table tr td li{ float: left; width: 31.03%; padding-right: 10px;} .th_index_zc .th_body .th_form .th_tab input[type='text']{ width: 146px; background-color: #e4e4e4; height: 42px; line-height: 42px; text-indent: 25px; font-size: 14px; color: #333;} .th_index_zc .th_body .th_form .th_tab table tr td li:last-child input[type="text"]{ margin-right: 0;} /*th_index_bz*/ .th_index_bz{ width: 100%; background: url(../images/th_bg_03.jpg) no-repeat left center; padding-top: 243px;} .th_index_bz{min-height:600px} .th_index_bz .th_wraper{ max-width: 1200px;} .th_index_bz .th_bd ul li{margin: 10px 10px 0 0;} .th_index_bz .th_bd ul li a{ display: block; width: 176px;} .th_index_bz .th_bd ul li a .th_l{ padding-left: 7px;} /*th_index_cooperate*/ .th_index_cooperate{ padding: 140px 0 0; max-width: 1200px;} .th_index_cooperate .th_left{ width: 53%;} .th_index_cooperate .th_left .th_bd{ width: 100%; height: 400px; overflow: hidden;} .th_index_cooperate .th_left .th_bd li{ float:left; width: 25%; height: 89px; border: 1px solid #d5d5d5; padding: 10px; margin: 10px 10px 0 0;} .th_index_cooperate .th_left .th_bd li a{ display: block; width: 100%; height: 86px; } .th_index_cooperate .th_left .th_bd li a span img{ width: 100%; height: 86px; display: block;} .th_index_cooperate .th_right{ width: 45%; } .th_index_cooperate .th_right .th_bd{ width: 100%; height: 400px; overflow: hidden;} .th_index_cooperate .th_right .th_bd li{ float:left; width: 37%; height: 89px; border: 1px solid #d5d5d5; padding: 1%; margin: 20px 20px 0 0;} .th_index_cooperate .th_right .th_bd li a{ display: block; overflow: hidden;} .th_index_cooperate .th_right .th_bd li a span{ display: block; position: relative; width: 100%; height: 86px;} .th_index_cooperate .th_right .th_bd li a span img{ width: 100%; height: 86px; display: block;} /*th_index_news*/ .th_index_news{ padding-top: 75px; max-width: 1200px;} /*th_index_contact*/ .th_index_contact{ padding: 90px 0; max-width: 1200px;} .th_index_contact .th_left{ width: 53%;} .th_index_contact .th_left .th_body img{ width: 100%; height: auto;} .th_index_contact .th_right{ width: 45%;} .th_index_contact .th_right .th_title h2{ font-size: 25px;} .th_index_contact .th_right .th_title{ padding-left: 45px;} .th_index_contact .th_right .th_body{ background: url(../images/th_01.jpg) no-repeat left 95px; padding:20px 0 45px 45px;} .th_index_contact .th_right .th_body dl dt{ font-size: 20px; color: black; padding-bottom: 15px;} .th_index_contact .th_right .th_body dl dd{ font-size: 14px; color: black; padding-top: 13px;} .th_index_contact .th_right .th_body dl dd:nth-child(3){ font-size: 25px;} .th_index_contact .th_right .th_fx{ padding-top: 20px; padding-left: 5px;} .th_index_contact .th_right .th_btn{ padding-top: 25px;} /*th_ins_ban*/ .th_ins_ban{ width: 100%; position: relative;} .th_ins_ban > img{ max-width: 100%; display: block; height: auto;} /*th_breadcrumb*/ .th_breadcrumb{ border-bottom: 1px solid #e5e5e5; padding: 35px 0 35px;} .th_breadcrumb.s_crt{ padding: 35px 0; border-bottom: 0;} /*.th_case_list*/ .th_case_list{ overflow: hidden; padding-bottom: 25px;} .th_case_list ul{ width: 100%; padding: 0px;} .th_case_list li{ float: left; width: 31.333%; margin: 42px 0px 0 0; padding: 0 1%;} .th_case_list li .th_img{ width: 100%; position: relative; overflow: hidden;} .th_case_list li .th_cont{ padding: 18px 0px;} .th_case_list li .th_cont span{ display: block; width: 62px; height: 62px; border: 1px solid #ccc; border-radius: 50%;} .th_case_list li .th_cont span img{ width: 56px; height: 56px; border-radius: 50%; display: block; border:3px solid white;} .th_case_list li .th_cont .th_r dl dd em{ padding-right: 30px;} .th_case_list li:hover .th_img .th_mask{ top: 12%;} .th_case_info_l{ max-width:67%;} .th_case_info_r{ max-width:31%;} .th_case_info_r .th_bottom .th_list_r{width: 176px;} .th_case_info_r .th_bottom .th_btn a{width: 82px;} .th_case_info_r .th_bottom .th_btn a:first-child{margin-right: 8px;} .th_case_info_r .th_bottom .th_list_r h1 a{font-size: 19px;} /*新闻-大事件*/ .th_news_dsj_scroll .swiper-slide .th_r_txt{ max-width: 38%;} .th_news_dsj_list ul{ width: 100%;} .th_news_dsj_list li{ float: left;padding: 0 1%;margin-bottom: 65px;} .th_news_dsj_list li:nth-child(2n){ margin-right: 0;} .th_news_dsj_list li .th_img{ width: 50%; height: auto;} .th_news_dsj_list li .th_r_txt{ width: 45%;} /*新闻-装修百科*/ .th_news_zx_list ul{ width: 100%; padding: 0px;} .th_news_zx_list li{ float: left; width: 31.333%; margin: 42px 0px 0 0; padding: 0 1%;} /*新闻-设计前言*/ .new_qy_list li .th_img{ max-width: 24%;} .new_qy_list li .th_rtxt{ max-width: 71%;} .new_qy_list li .r_title{ width: 76%;} /*th_pro_fwtd_04*/ .th_pro_fwtd_04 .pro_title h1 span{ background-color: #efefef;} .th_pro_fwtd_04 .th_body{ overflow: hidden; padding-bottom: 85px;} .th_pro_fwtd_04 .th_body ul{ width: 100%;} .th_pro_fwtd_04 .th_body li{ float: left; width: 46%; padding: 0 2%; margin-right: 0;} .th_pro_fwtd_04 .th_body li a{ display:block; } .th_pro_fwtd_04 .th_body li a .th_img{ height: auto; border: 3px solid white; background-color: white;} .th_pro_fwtd_04 .th_body li a .th_img img{ width: 100%; height: auto; display: block} .th_pro_fwtd_04 .th_body li dl{ padding: 0 30px; border: 2px solid #b0b0b0;} .th_pro_fwtd_04 .th_body li dl dt{ font-size: 24px; color:black; padding: 20px 0 15px;} .th_pro_fwtd_04 .th_body li dl dd{ font-size: 16px; color: #666; line-height: 30px; min-height: 80px;} .th_index_team .th_body .th_thLeft .th_con .th_jx h3{ margin-top: 12px;} .th_index_team .th_body .th_righ{ height: 430px;} .th_index_team .th_body .th_righ li a{ height: 113px;} .th_index_team .th_body .th_righ li .th_left{ padding-top: 15px;} .th_index_team .th_body .th_righ li .th_img{ width: auto; overflow: hidden;} .th_index_team .th_body .th_righ li .th_img img{ height: 112px;} } @media only screen and (max-width: 1680px) { .brand_fixed a{ padding: 5px 10px 5px;} .brand_fixed a:after{ border-top: 10px solid transparent; border-right: 10px solid #eee; opacity: 0; border-bottom: 15px solid transparent;} .th_ins_ban .th_bot .th_left{ width: 830px;} .th_nav{ padding: 20px 20px 0 210px;} /*brand*/ .brand .th_img_l{ width: 33.5%; float: left;} .brand .th_img_l .th_img img { max-width: 100%; display: block; height: auto;} .brand .th_img_l .th_txt{ width: 100%; min-height: 256px; line-height: 256px; font-size: 30px; color: white; text-align: center;} .brand .th_img_r{width: 66.5%;} .brand .th_img_r .topBar{ width: 100%;min-height: 555px; background-color: white;} .brand_02 .th_img_l, .brand_04 .th_img_l{ float: right;} .brand_02 .th_img_r, .brand_04 .th_img_r{ float: right;} .th_pro_gf_02 .th_body li a .th_mobal span{ color: white; margin: 0 10px; display: block; top: 45%;} .th_pro_fwtd_03 .th_body .th_txt{width: 30%;} .th_pro_fwtd_03 .th_body .th_img{ width: 65%;} } @media only screen and (max-width: 1600px) { .th_nav{ padding: 20px 20px 0 150px;} /*brand*/ .brand .th_img_l{ width: 33.5%; float: left;} .brand .th_img_l .th_img img { max-width: 100%; display: block; height: auto;} .brand .th_img_l .th_txt{ width: 100%; min-height: 256px; line-height: 256px; font-size: 30px; color: white; text-align: center;} .brand .th_img_r{width: 66.5%;} .brand .th_img_r .topBar{ width: 100%;min-height: 527px; background-color: white;} .brand_02 .th_img_l, .brand_04 .th_img_l{ float: right;} .brand_02 .th_img_r, .brand_04 .th_img_r{ float: right;} .th_sg_03 .th_body .tab_left li{ padding-bottom: 21px;} } @media only screen and (max-width: 1440px) { .th_index_bz{ min-height: 530px;} .th_index_bz .th_ssf img{ width: auto; height: 152px;} .th_ins_ban .th_bot .th_left{ width: 790px;} /*brand*/ .brand .th_img_l{ width: 33.5%; float: left;} .brand .th_img_l .th_img img { max-width: 100%; display: block; height: auto;} .brand .th_img_l .th_txt{ width: 100%; min-height: 256px; line-height: 256px; font-size: 30px; color: white; text-align: center;} .brand .th_img_r{width: 66.5%;} .brand .th_img_r .topBar{ width: 100%;min-height: 450px; background-color: white;} .brand .th_img_r .topBar .txt_top h1{ font-size: 20px;} .brand .th_img_r .topBar .txt_top p{ padding-bottom: 20px;} .brand .th_img_r .topBar .txt_tscr{ max-width: 700px;} .brand_02 .th_img_l, .brand_04 .th_img_l{ float: right;} .brand_02 .th_img_r, .brand_04 .th_img_r{ float: right;} .th_conBody{ padding: 30px;} .th_footer_con{ padding: 70px 0 50px;} .th_footer_con .th_top{ max-width: 1200px; padding: 0 15px; margin: 0 auto;} .th_ins_ban .th_con_txt h1{ padding-top: 8%;} .th_nav{ padding: 20px 20px 0 165px;} .th_nav li{ padding-right: 0px;} /*.th_nav li a{ width: 85px;}*/ .th_nav li:nth-child(5):after{ right: -11px;} .th_nav li:hover > a:after{ width: 102%;} .th_nav > ul > li dl dd > a{ font-size: 12px;} .th_nav li:last-child:hover > a:after{ width: 99.9%;} .th_footer_con .th_col-02 dl dd a{ font-size: 12px;} .th_side_left ul li a{width:60px;} /*.th_side_left ul li:first-child a{ height: 159px; background:url(../images/th_side_left.png) no-repeat -14px 0; display: inline-block; background-color: #303030;} .th_side_left ul li:last-child a{ height: 72px; background:url(../images/th_side_left.png) no-repeat -14px -159px; display: inline-block; background-color: #e90014;}*/ .th_index_about h1, .th_index_about h2{font-size: 28px;} .th_index_about h1 em{font-size: 22px;} .th_case_info_r .th_title > .f-fl{font-size: 26px;padding-bottom: 20px;} .th_case_info_r .th_title .f-fr{padding-top: 0px;float: none;} .th_case_info_r .th_title{padding: 8px 0 15px 0;} .th_case_info_r .th_cont{padding: 20px 0;} .th_case_info_r .th_cont .th_desc{padding-top: 20px;} .th_case_info_r .th_cont .th_desc .th_txt{height: 70px;overflow: hidden;} .th_index_about h3{font-size: 18px;} .gdk_Boxer h2{font-size: 20px;padding: 25px 0 20px;} .gdk_Boxer li .gdk_text{width: 343px;} .gdk_Boxer li{padding-bottom: 12px;} .gdk_Boxer li:nth-child(4){padding-bottom: 25px;} .gdk_Boxer li .gdkSub{font-size: 16px;} .gdk_Boxer{width: 500px;height: 370px;padding: 0 40px;} .gdk_Boxer .close{width: 40px;height: 40px;right: -40px;} } @media only screen and (max-height: 736px){ .th_case_info_r .th_title > .f-fl{font-size: 22px;} .th_case_info_r .th_cont dl dt, .th_case_info_r .th_cont .th_desc h1{font-size: 16px;padding-bottom: 5px;} .th_case_info_r .th_cont .th_desc{padding-top: 10px;} .th_case_info_r .th_cont{padding: 10px 0;} .th_case_info_r .th_bottom .th_img_l{width: 125px;height: 147px;} .th_case_info_r .th_bottom .th_list_r{width: 230px;} .th_case_info_r .th_bottom .th_list_r h1 a{font-size: 16px;} .th_case_info_r .th_bottom .th_list_r h1{padding-bottom: 0;} .th_case_info_r .th_bottom .th_btn{padding-top: 10px;} .th_case_info_r .th_bottom .th_btn a{width: 80px;height: 30px;line-height: 30px;font-size: 14px;} .th_case_info_r .th_bottom{padding-top: 20px;} } @media only screen and (max-width: 1440px) { .th_pro_04 .th_wraper{ max-width: 1100px;} .th_banner .th_ban_menu li a{ padding: 0 35px;} .th_nav{ padding: 5px 20px 10px 220px;} .th_ins_ban .th_bot .th_left{ width: 770px;} } @media only screen and (max-width: 1300px) { .th_ins_ban .th_bot .th_left{ width: 760px;} } @media only screen and (max-width: 1280px) { .th_nav{ padding: 20px 20px 0 50px;} } @media only screen and (max-width: 1220px) { .th_ins_ban .th_bot .th_left{ width: 742px;} .th_ins_ban .th_bot .th_search input[type="text"]{ width: 260px} /*th_about_2*/ .th_about_2 .th_body .cont .f-fr a{ width: 230px; height: 554px; padding: 40px 50px; border: 2px solid #ddd; display: block; background-color: white;} } @media only screen and (max-width: 1200px) { /*brand*/ .brand .th_img_l{ width: 35%; float: left;} .brand .th_img_l .th_img { width: 100%;} .brand .th_img_l .th_img img{ width: 100%; min-height: 410px; display: block;} .brand .th_img_l .th_txt{ width: 100%; min-height: 256px; line-height: 256px; font-size: 30px; color: white; text-align: center;} .brand .th_img_r{ float: left; width: 65%} .brand .th_img_r .topBar{ width: 100%;min-height: 410px; background-color: white;} .brand .th_img_r .topBar .txt_tscr{ max-width: 500px;} .brand .th_img_r .topBar .txt_top p{ padding-bottom: 30px;} .th_pro_gf_01 .th_body .th_scrol{ width: 800px;} .th_pro_gf_03 .th_body .th_scrol{ width: 800px;} .th_breadcrumb.s_bottonew{padding: 38px 0 38px;} .th_ins_ban .th_bot .th_left{ padding: 30px 5%;} /*th_about_2*/ .th_about_2 .th_body .cont{ width: 100%; max-width: 1200px;} .th_about_2 .th_body .cont .f-list{ width: 100%; overflow: hidden;padding-bottom: 50px; } .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 43.5%; min-height: 297px; margin: 37px 39px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 82%; height: 217px; padding: 40px 50px; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-list > ul > li a h1{ font-size: 28px; color: #666; position: relative; padding-top: 35px;} .th_about_2 .th_body .cont .f-list > ul > li a h1:after{ content: ''; width: 80px; height: 2px; position: absolute; top: 0; left: 0; background-color: #ccc;} .th_about_2 .th_body .cont .f-list > ul > li a h2{ font-size: 28px; color: #333; padding-top: 20px;} .th_about_2 .th_body .cont .f-list > ul > li a span{ font-size: 16px; color: #999; margin-top: 70px; padding-right: 126px; display: inline-block; background: url(../images/th_81.png) no-repeat 126px center;} .th_about_2 .th_body .cont .f-fr{ margin-top: 37px; display: none;} .th_index_case .th_tab_hd .f-fr{ padding-top: 95px; text-align: center; padding-right: 35%;} .th_tema_fx_top .fx_right{ width: 49%; padding: 0 2%; border: 0; margin-top: 25px;} /*th_sg_03*/ .th_sg_03 .th_body .tab_left{ width: 40%;} .th_sg_03 .th_body .tab_right{ width: 52%; padding: 0;} /*th_left_txt*/ .th_left_txt{ max-width: 330px;} .th_rig_txt .th_form{ width: 100%;} .th_rig_txt .th_form li textarea{width: 96%; border: 1px solid #bfbfbf; height: 68px; line-height: 25px; padding: 2%; font-size: 14px} .th_rig_txt{max-width:55%; width: 55%;} .th_joi_title li{ padding-right: 16%;} .th_joi_Bod li{ padding-right: 20%; color: #999; padding-left: 30px;} .th_rig_txt .th_form_r{ display: none;} /*about*/ .th_about_1{ padding-bottom: 82px;} /*th_service_03*/ .th_service_03 .th_body{ padding: 0 1%;} .th_service_03 .th_body .txt_topBar .l_list{ width: 31%;} .th_service_03 .th_body .txt_topBar .l_list li span{ background-color: #eee; height: 52px; text-align: center; width: 270px; margin-top: 58px; line-height: 52px; font-size: 20px; color: #666; display: block;} .th_service_03 .th_body .txt_topBar .l_list.f-fl li:first-child, .th_service_03 .th_body .txt_topBar .l_list.f-fl li:last-child{ margin-left: 50px;} .th_service_03 .th_body .txt_topBar .l_list.f-fr li:nth-child(2){ margin-left: 50px;} .th_service_03 .th_body .txt_topBar .l_center{ margin: 60px 0 0 60px;} /*th_pro_ys_04*/ .th_pro_ys_04 .th_lift{ width: 605px; overflow: hidden; padding-bottom: 80px; position: relative;} .th_pro_ys_04 .th_lift ul{ width: 110%;} .th_pro_ys_04 .th_lift li{ float: left; width: 45%;} .th_pro_ys_04 .th_rig{font-size: 16px;} .th_pro_ys_04 .th_body .op_boot{ display: none;} /*th_pro_ys_03*/ .th_pro_ys_03 .th_body li{ width: 99%;} /*th_pro_04*/ .th_pro_04 .swiper-button-next{ right: 0;} .th_pro_04 .swiper-button-prev{ left: 0px;} /*th_pro_03*/ .th_pro_03 .swiper-button-next{ right: 0;} .th_pro_03 .swiper-button-prev{ left: 0;} /*th_pro_01*/ .th_pro_01 .th_list_img{ max-width: 1538px; padding: 0 15px; margin: 0 auto; padding-bottom: 160px; overflow: hidden;} .th_pro_01 .th_list_img ul{ width: 100%;} .th_pro_01 .th_list_img li{ float: left; max-width: 11.5%; margin-right: 23px; text-align: center;} .th_pro_01 .th_list_img li:first-child{ max-width: 17%;} .th_pro_01 .th_list_img li:last-child{ margin-right: 0;} .th_pro_01 .th_list_img li p{ min-height: auto;} .th_pro_01 .th_list_img li p img{ max-width: 100%; min-height: 230px; display: block;} .th_pro_01 .th_list_img li span{ padding-top: 10px;} .th_banner .th_ban_menu li a{ display: block; padding: 0 15px; min-height: 125px;} .th_footer_con .th_col-02 dl dt:after{ background: none;} .th_footer_con .th_col-03{ display: none;} .th_case_info_l{ max-width: 50%;} .th_case_info_r{ max-width: 46%;} .th_ins_ban .th_con_txt h1{padding-top: 10%;} .th_ins_ban .th_bot{ position: initial; width: 100%;} .th_ins_ban .th_bot .th_left{padding: 45px 5%; width: 90%; } .th_ins_ban .th_bot .th_search{ width: 90%; padding: 30px 5% 30px;} .th_ins_ban .th_bot .th_search li:first-child{ width: 91%;} .th_ins_ban .th_bot .th_search input[type="text"]{ width: 100%;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r{ width: 70%;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r dl dt a{ font-size: 15px;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r dl dd{ font-size: 14px;} /*新闻-大事件*/ .th_news_dsj_scroll .swiper-slide .th_img{ width:100%; max-width: 100%;} .th_news_dsj_scroll .swiper-slide .th_img a img{ max-width: 100%; width: 100%;} .th_news_dsj_scroll .swiper-slide .th_r_txt{ max-width: 100%; width: 100%; padding-left: 0;} .th_news_dsj_scroll .swiper-slide .th_r_txt time{ margin: 5% 0 15px;} .th_news_dsj_list ul{ width: 100%;} .th_news_dsj_list li{ float: left; width: 45%;padding: 0 1%;margin-bottom: 65px;} .th_news_dsj_list li:nth-child(2n){ margin-right: 0;} .th_news_dsj_list li .th_img{ width: 50%; height: auto;} .th_news_dsj_list li .th_img a img{ max-width: 100%; width: 100%;} .th_news_dsj_list li .th_r_txt{ float: left;} /*网站地图*/ .th_site{ width: 100%; background-size:cover; min-height: auto; padding-bottom: 100px; position: relative;} .th_site .th_sh{ position: absolute; bottom: -50px; right: 0; z-index: 9; display: none;} .th_site_body{ padding-top: 83px;} .th_site_body h1{ text-align: center; font-size: 30px; color: #333; font-weight: 600;} .th_site_body .th_site_list dl{ width: 50%; display: block; min-height: 100px;} .th_site_body .th_site_list dl dd{ padding: 16px 0 0 0;} .th_case_info_r .th_bottom .th_list_r{width: 57%;} } @media only screen and (max-width: 1160px) { .th_nav li a{ width: 70px} .th_index_case .th_tab_hd .f-fr{ padding-right: 0;} .slideTxtBox .hd ul li a{ width: 132px;} .slideTxtBox .hd ul li{ margin-right: 9px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof{ width: 136px;} .th_index_zc .th_body .th_video{ width: 54%} .th_index_bz .th_bd ul li a{ width: 159px} .th_index_bz .th_bd ul li a .th_r{ margin-right: 0;} .th_index_bz .th_ssf{ display: none} } @media only screen and (max-width: 1000px) { .th_case_info_r{position: static;} /**th_pro_zc_05**/ .th_pro_zc_05 .pro_title h1:after{ width: 70%; margin-left: -35%;} .th_pro_zc_05 .th_img_list{ padding-bottom: 20px;} .th_pro_zc_05 .th_img_list ul{ width: 100%;} .th_pro_zc_05 .th_img_list li{ float:left; width: 40%; height: auto; border: 1px solid #d5d5d5; padding: 10px; margin: 25px 2% 0 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_pro_zc_05 .th_img_list li a{border: 1px solid #d5d5d5; height: 85px; display: block; overflow: hidden;} .th_pro_zc_05 .th_img_list li a img{ width: 100%; height: 85px; display: block;} .th_pro_zc_05 .th_img_list li:hover{ background-color: #ff9e00;} /**th_pro_zc_02**/ .th_pro_zc_02{ background: url(../images/th_pro_zc_02.jpg) no-repeat center top; padding-bottom: 65px;} .th_pro_zc_02 .pro_title{ padding: 45px 0; text-align: center;} .th_pro_zc_02 .pro_title h1{ font-size: 36px; color: white; position: relative;} .th_pro_zc_02 .pro_title h1:after{ content: ''; position: absolute; top: 50%; left: 50%; margin-left: -23%; width: 140px; height: 1px; background-color: #d6d6d6;} .th_pro_zc_02 .pro_title h1:before{ content: ''; position: absolute; top: 50%; right: 50%; margin-right: -23%; width: 140px; height: 1px; background-color: #d6d6d6;} .th_pro_zc_02 .pro_title h1 span{ display: inline-block; background-color: rgba(255,255,255,0); position: relative; z-index: 9; padding: 0 75px;} .th_pro_zc_02 .th_body{ padding-top: 65px;} .th_pro_zc_02 .th_body .txt{ width: 49%; color: white;} .th_pro_zc_02 .th_body .th_img{ overflow: hidden;} .th_pro_zc_02 .th_body .th_img ul{ width: 110%;} .th_pro_zc_02 .th_body .th_img li{ float: left; width: 29.33%; margin-right: 0; padding-right: 2%; text-align: center;} .th_pro_zc_02 .th_body .th_img li img{ max-width: 100%;} .th_pro_zc_02 .th_body .th_img li p{ font-size: 21px; color: #333; padding-top: 30px;color: white;} .th_pro_zc_02 .th_body .txt_l{ font-size: 18px; color: #666; line-height: 25px; padding-top: 60px; } .th_pro_zc_02 .th_body .txt_l span{ font-size: 21px; color: #ff9e00; font-weight: 600;} .th_pro_zc_02 .th_body .txt_r{ font-size: 18px; min-height: 300px; line-height: 48px;} .th_pro_zc_02 .th_body .txt.f-fr .th_img li p{ color: #333;} .th_pro_zc_03 .th_body{ padding-bottom: 20px;} .th_pro_zc_03 .th_body li h1{ font-size: 20px;} .th_pro_zc_03 .th_body li h3{ font-size: 15px;} .th_pro_zc_03 .th_body li dl dt, .th_pro_zc_03 .th_body li dl dd{ line-height: 16px; padding: 0 5px; font-size: 12px;} .th_about_1 .th_list_t li:last-child{width:100%;padding-right:0;} .th_about_1 .th_list_t{padding-bottom: 0 !important;} .brand_fixed{ display: none !important;} .th_wap_serch_wap a{ height: 30px;} .th_header{ display: none;} .header-wap{ display: block;background: #FFF;box-sizing: border-box;} /*th_pro_gf_01*/ .th_pro_gf_01 .th_body{ overflow: hidden; padding: 0px 0 20px;} .th_pro_gf_01 .th_body .th_img_btn{ width: 100%;} .th_pro_gf_01 .th_body .th_img_btn span img{max-width: 100%; width: 100%; display: block;} .th_pro_gf_01 .th_body .th_img_btn .ht_a{min-height: 0;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn{ text-align: center; width: 100%; margin: 0 auto; padding: 20px 0; background-color: #ddd;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn a{ width: 63px; height: 23px; display: inline-block;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn a:first-child{ background: url(../images/th_l_s.png) no-repeat; margin-right: 30px;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn a:last-child{ background: url(../images/th_r_s.png) no-repeat;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn a:first-child:hover{ background: url(../images/th_l_s_h.png) no-repeat;} .th_pro_gf_01 .th_body .th_img_btn .th_tbn a:last-child:hover{ background: url(../images/th_r_s_h.png) no-repeat;} .th_pro_gf_01 .th_body .th_scrol{ width: 100%} .th_pro_gf_01 .th_body .th_scrol .swiper-container { width: 100%; height: 100%; } .th_pro_gf_01 .th_body .th_scrol .swiper-slide {text-align: center; font-size: 18px;} .th_pro_gf_01 .th_body .th_scrol .th_con{ width: 100%; overflow: hidden;} .th_pro_gf_01 .th_body .th_scrol .th_con ul{ width: 100%;} .th_pro_gf_01 .th_body .th_scrol .th_con li{ float: left; width: 48%; margin: 0 1% 15px 1%;} .th_pro_gf_01 .th_body .th_scrol .th_con li a .th_mobal span{ top: 55%; font-size: 12px;} .th_pro_gf_01 .th_body .th_scrol .th_con li a{ display: block; position: relative;} .th_pro_gf_01 .th_body .th_scrol .th_con li a > img{ width: 100%; height: auto; display: block;} .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(5), .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(6), .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(7), .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(8){ float: left; width: 48%; margin: 0 1% 15px 1%; display: none;} .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(6) a, .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(7) a, .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(8) a{ display: block; position: relative;} .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(6) a > img, .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(7) a > img, .th_pro_gf_01 .th_body .th_scrol .th_con li:nth-child(8) a > img{ width: 100%; height: auto; display: block;} .th_pro_gf_02 .th_body li a .th_mobal span{ font-size: 12px; padding-bottom: 10px;} .th_pro_gf_03 .th_body{ padding: 0 20px 20px;} .th_pro_gf_03 .th_body .th_img_btn{ width: 100%;} .th_pro_gf_03 .th_body .th_img_btn span img{ width: 100%;} .th_pro_gf_03 .th_body .th_img_btn .ht_a, .th_pro_gf_03 .th_body .th_img_btn .th_tbn{ width: 90%;} .th_pro_gf_03 .th_body .th_img_btn .ht_a{min-height: 0;} .th_pro_gf_03 .th_body .th_scrol{width: 100%;} .th_pro_gf_03 .th_body .th_scrol .th_con ul{ width: 100%;} .th_pro_gf_03 .th_body .th_scrol .th_con li{ float: left; width: 23%; margin: 0 1% 15px 1%;} .th_pro_gf_03 .th_body .th_scrol .th_con li a{ display: block; position: relative;} .th_pro_gf_03 .th_body .th_scrol .th_con li a > img{ width: 100%; height: auto; min-height: auto; display: block;} .th_pro_gf_03 .th_body .th_scrol .th_con li a .th_mobal span{ font-size: 12px; top: 39%; padding-bottom: 24px;} .th_pro_yb_info .th_right .th_dl{ max-width: 100%;} .new_qy_list li .th_rtxt dl{ border-right: 0;} .new_qy_list li{ padding-top: 25px;} .new_qy_list li .th_rtxt dl{ width: 100%; display: block; min-height: auto; padding-bottom: 5px;} .new_qy_list li .th_rtxt dl dt{ font-size: 14px;} .new_qy_list li .th_rtxt dl dd{ width: 100%; text-align: right; font-size: 16px; padding: 0;} .new_qy_list li .r_title h1 a{ font-size: 16px; height: 35px; line-height: 35px;} .th_news_zx_list li .th_cont{ padding: 10px;} .th_news_zx_list li .th_cont dl dt a{ font-size: 16px;} .th_about_2{ padding-bottom: 20px;} .th_breadcrumb.s_bottonew{padding: 10px 0;} .th_breadcrumb.s_botton{ padding: 10px 0;} .th_breadcrumb.s_crt{ padding: 10px 0;} .th_tema_fx_top .fx_left .th_btn{ text-align: center;} .th_tema_fx_top .fx_left .th_btn a{ width: 140px;} .th_about_4{ min-height: auto; padding-bottom: 30px;} .th_about_4 h1{ font-size: 20px; padding-top: 20px;} .th_about_4 h2{ font-size: 16px; padding-top: 10px;} .th_about_4 p{ font-size: 12px; padding-top: 30px;} /*th_ins_ban*/ .th_ins_ban{ width: 100%; position: relative;margin-top: 62px;} .th_ins_ban > img{ width: 100%; display: block; height: auto;} .th_ins_ban .th_con_txt h1{ font-size: 20px; padding-top: 14%;} .th_ins_ban .th_con_txt h2{ font-size: 16px; padding-top: 5px;} .th_ins_ban .th_con_txt h3{ font-size: 14px;} .th_ins_ban .th_bot .th_search input[type="text"]{ height: 40px; line-height: 40px;} .th_ins_ban .th_bot .th_search button[type="submit"]{height: 40px;} .th_ins_ban .th_bot .th_search{ padding: 10px 5% 10px ;} .th_bread_left, .th_bread_right{font-size: 14px;} .th_news_dsj_scroll .swiper-button-prev, .th_news_dsj_scroll .swiper-button-next{ top:33%} .th_side_left{ display: none;} .th_main{ padding-top: 0;} .th_mobal_img{position: fixed; max-width: 1000px; padding: 0 15px; top: 20%; left: 0%; margin-left: 0; z-index: 9999999; display: none;} .th_case_info_l .th_body{ padding-bottom: 20px;} .th_case_info_r .th_title > .f-fl{ font-size: 20px;} /*th_about_2*/ .th_about_2 .th_body .cont{ width: 100%;} .th_about_2 .th_body .cont .f-list{ width: 100%; overflow: hidden; padding-bottom: 50px;} .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 41.5%; min-height: 150px; margin: 37px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 65%; height: 150px; padding: 40px 10%; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-list > ul > li a h1{ font-size: 20px; color: #666; position: relative; padding-top: 10px;} .th_about_2 .th_body .cont .f-list > ul > li a h2{ font-size: 18px; color: #333; padding-top: 10px;} .th_about_2 .th_body .cont .f-list > ul > li a span{ font-size: 16px; color: #999; margin-top: 40px; padding-right: 106px; display: inline-block; background: url(../images/th_81.png) no-repeat 126px center;} .th_about_2 .th_body .cont .f-fr{ display: none;} .th_index_case{ padding: 20px 0;} .th_index_case .th_title .f-fl{ font-size: 20px; padding-top: 0px; width: 100%;} .th_index_case .th_title .f-fl em{ font-size: 14px;} .th_index_case .th_title .f-fr{ display: none;} .th_index_case .th_tab_hd .f-fl{ padding-top: 0; width: 100%;} .th_index_case .th_tab_hd .f-fl li{ float: left; padding: 0; width: 25%; position: relative; margin-top: 25px;} .th_index_case .th_tab_hd .f-fl li:after{ content: ''; width: 0px; height: 32px; position: absolute; top: 15px; right:0; background-color: #bfbfbf;} .th_index_case .th_tab_hd .f-fl li:last-child:after{width: 0px; } .th_index_case .th_tab_hd .f-fl li a span{ display: block; position: relative; margin: 0 auto; width: 100px;} .th_index_case .th_tab_hd .f-fl li a span img{ width: auto; height: 40px; margin-left: 10px;} .th_index_case .th_tab_hd .f-fl li a p{ font-size: 14px;} .th_index_case .th_tab_hd .f-fr{ padding-top: 30px; text-align: center; padding-right: 0; width: 100%;} .th_service_04{ background: url(../images/th_service_04_bg.jpg) no-repeat; background-size: cover; padding-bottom: 65px;} .th_service_04 h1 span{ display: inline-block; background-color: rgba(255,255,255,0); position: relative; z-index: 9; padding: 0 75px;} .th_service_04 .th_bd{ padding-top: 30px;} .th_service_04 .th_bd ul li{ float: left; width: 98%; padding: 6px; border-radius: 5px; background-color: white; margin: 20px 0; position: relative;} .th_service_04 .th_bd ul li a{ width: 100%;} .th_service_04 .th_bd ul li .th_con{display: none;} .th_service_04 .th_bd ul li:hover{ background-color: white;} .th_service_04 .th_bd ul li:hover .th_con{ background-color: white !important; opacity: 0;display: none; transform: translateY(0); box-shadow: 0 10px 10px #ccc; } .th_service_04 .th_bd ul li:hover .th_con{ background-color: white; border: 6px solid #e70012; display: none;} .th_service_04 .th_bd ul li:hover a{ opacity: 1;} .th_mobal_video{position: fixed; top: 20%; left: 0%; margin-left: 0; z-index: 9999999; display: none; padding: 0 15px;} .th_mobal_video .s_video{ float: right; width: 96%; min-height: auto; border: 10px solid white;} .th_mobal_video a{ float: right; padding: 15px; background-color: white; display: inline-block;} .th_mobal_video a img{ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_mobal_video a:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} /*th_schera_list*/ .th_schera_list{ padding: 0 0 20px; overflow: hidden;} .th_schera_list ul{ width: 100%;} .th_schera_list li{ float: left; width: 100%; margin-bottom: 25px;} .th_schera_list li .th_img{ width: 100%; height: auto;} .th_schera_list li .th_img a{ display: block; overflow: hidden;} .th_schera_list li .th_img a img{ width: 100%; height: auto; display: block;} .th_schera_list li .th_r_txt{ width: 100%; padding-left: 0; margin-top: 15px;} .th_schera_list li .th_r_txt time{ padding-top: 10px; display: block} /*th_mobal_body*/ .th_mobal_body{position: fixed; top: 20%; left: 50%; margin-left: -240px; z-index: 9999999; display: none;} .th_mobal_body li{ float: left; padding: 0; border: 0; margin: 0;} .th_mobal_body li input{ width: 400px; background-color: #eee; height: 66px; line-height: 66px; font-size: 18px; color: #999; text-indent: 25px; border-radius: 66px 0 0 66px;} .th_mobal_body li button{ width: 80px; height: 66px; line-height: 66px; background: url(../images/serch_btn.png) no-repeat center #eee;border-radius: 0 66px 66px 0;} /*th_tema_fx_top*/ .th_tema_fx_top .fx_left{ width: 96%; border: 0; padding: 0 2%; margin: 0;} .th_tema_fx_top .fx_left .th_scr{ width: 100%;} .th_tema_fx_top .fx_right{ width: 96%; padding: 0 2%; border: 0; margin-top: 25px;} /*th_tema_fx_bottom_list*/ .th_tema_fx_bottom_list li{ padding-top: 15px; margin-bottom: 15px;} .th_tema_fx_bottom_list li .r_title h1 a{ font-size: 16px; height: 50px; line-height: 50px;} .th_tema_fx_bottom_list li .r_title .th_des{ font-size: 14px;} .th_tema_fx_bottom_list li .th_img{ max-width: 100%; width: 100%;} .th_tema_fx_bottom_list li .th_img a{ display: block; overflow: hidden;} .th_tema_fx_bottom_list li .th_img a img{ width: 100%; display: block; height: auto;} .th_tema_fx_bottom_list li .txt_top{ padding-bottom:0;} .th_tema_fx_bottom_list li .th_rtxt{ max-width: 100%; width: 100%;} .th_tema_fx_bottom_list li .r_title{ width: 100%; } /*th_tema*/ .th_tema_serv{ padding: 20px 0; margin-top: 10px;} .th_tema .th_body{ overflow: hidden;} .th_tema .th_body ul{ width: 100%;} .th_tema .th_body li{ width: 48%; padding: 0 1%; min-height: auto; overflow: hidden; overflow: hidden; margin: 20px 0 0 0;} .team_s_left{ width: 100%; background-size:cover;} .team_s_rig{width: 100%; min-height: auto;} .team_s_rig .swiper-container .swiper-slide a .th_img img{ height: auto;} .team_s_rig .swiper-container .swiper-slide a .th_cont{ padding: 0 15px;} .team_s_rig .swiper-container .swiper-slide a .th_cont .th_tit{ padding: 10px 0;} .team_s_rig .swiper-container .swiper-slide a .th_cont .th_tit dl dt{ font-size: 20px;} .team_s_rig .swiper-container .swiper-slide a .th_cont .th_tit dl dd{ font-size: 16px;} .th_tema_fx_bottom{ padding: 20px 0;} .th_tema_fx_top{padding: 20px 0 20px;} .th_tema_fx_top .fx_left .th_btn a{ width: 110px; height: 35px; line-height: 35px;} .th_tema_fx_top .fx_right h1{ font-size: 20px; padding-bottom: 20px;} .th_tema_fx_top .fx_right h2{ font-size: 16px; padding-top: 15px;} .th_tema_fx_top .fx_right .th_desc{padding: 20px 0 20px; font-size: 14px;} .fx_tab_top{ padding-bottom: 20px;} .fx_tab_top a{ height: 35px; line-height: 35px;} .th_case_list li .th_img .th_mask .th_desc{ padding: 10px;} .tema_title{ padding: 20px 0;} .tema_title h1{ font-size: 20px;} .tema_title p{ font-size: 16px;} /*th_sg_03*/ .th_sg_03 .tab .title{ background-size: contain;} .th_sg_03 .th_body{ max-width: 100%; padding: 0 15px; background: url(../images/th_79.jpg) no-repeat; background-size: cover; min-height: auto; padding-bottom: 30px; margin: 0 auto;} .th_sg_03 .th_body .tab_left{ float: left; width: 100%; height: auto; padding:55px 0%;} .th_sg_03 .th_body .tab_left ul{ width: 100%;} .th_sg_03 .th_body .tab_left li{ float: left; padding-bottom: 30px; margin-right: 0; width: 33.33%; text-align: center;} .th_sg_03 .th_body .tab_right{ float: left; width: 100%; padding: 0 0%;} .th_sg_03 .th_body .tab_right .th_scroll{ position: relative; padding:35px 35px 0;} .th_sg_03 .th_body .tab_right .th_scroll .swiper-container .swiper-slide a img{ width: 100%; height: auto; display: block;} .th_sg_03 .th_body .tab_right .thbody .top_xtx{ padding: 0; height: auto; min-height:auto} .th_sg_03 .th_body .tab_right .th_scroll .swiper-button-prev, .th_sg_03 .th_body .tab_right .th_scroll .swiper-button-next{ top: 60%;} /*th_sg_02*/ .th_sg_02 .bd{ min-height: 100%; background: url(../images/th_77.jpg) no-repeat; background-size: cover;} .th_sg_02 .bd .tt{ display: none;} .th_sg_02 .bd .con{ float: left; width: 92%; padding: 3% 5% 3% 3%; height: 185px;} .th_sg_02 .bd .con h1{ font-size: 30px; color: white; padding-bottom: 20px;} .th_sg_02 .bd .con .th_desc{ font-size: 18px; color: white; line-height: 35px;} /*th_sg_01*/ .th_sg_01 .th_sg_title h1 span{ padding: 0 15px;} .th_sg_03 .tab .title{ width: 100%; } .th_sg_01 .th_body{ padding-top: 30px;} .th_sg_01 .th_body li{ float: left; width: 46%; padding: 0 2%; text-align: center; margin-top: 25px;} .th_sg_01 .th_body li span{ padding-top: 10px; font-size: 24px} /*brand*/ .brand .th_img_l{ width: 100%; float: left;} .brand .th_img_r{ float: left; width: 100%} .brand .th_img_r .topBar{ width: 100%;min-height: auto; padding-bottom: 80px;} .brand .th_img_r .topBar .txt_tscr{ width: 98%; margin: 0 auto; padding: 0 1%;} .brand .th_img_r .topBar .txt_tscr ul{ width: 100%;} .brand .th_img_r .topBar .txt_tscr li{ float: left; width: 31.33%; padding: 0 1%; text-align: center; margin-right: 0;} .brand .th_img_r .topBar .txt_tscr li span img{ max-width: 100%; height: auto; display: block;} /*th_left_txt*/ .th_left_txt{ max-width: 100%; width: 100%;} .th_rig_txt{ float: left; margin-left: 0; background-color: #f5f5f5; padding: 30px; margin-top: 50px; max-width: 95%; width: auto;} .th_rig_txt .th_form{ width: 100%;} .th_rig_txt .th_form li{ padding-top: 18px; width: 100%;} .th_rig_txt .th_form li input{ width: 100%; border: 1px solid #bfbfbf; height: 36px; line-height: 36px; text-indent: 20px; font-size: 14px} .th_rig_txt .th_form li textarea{display: block; width: 94%; border: 1px solid #bfbfbf; height: 68px; line-height: 25px; padding: 3%; font-size: 14px} .th_rig_txt .th_form li:last-child{ text-align: left;} .th_rig_txt .th_form li button{ color: white; width: 100%; height: 38px; text-align: center; background-color: #ff9e00; font-size: 16px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_rig_txt .th_form li button:hover{ width: 100%;} .th_rig_txt .th_form_r .th_desc{ font-size: 14px; line-height: 20px; padding-top: 20px;} .th_rig_txt .th_form_r{ max-width: 100%; display: block;} .th_rig_txt .th_form_r .th_say{ padding-top: 20px; font-size: 18px;} .th_sg_01{ padding:0 0;} .th_sg_01 .th_sg_title{ padding: 20px 0;} .th_sg_01 .th_sg_title h1{ font-size: 20px;} .th_sg_01 .th_sg_title p{ font-size: 16px;} .th_sg_01 .th_body li p img{ width: auto; height: 50px;} .th_sg_01 .th_body li span{ font-size: 16px} .th_sg_02{ padding-bottom: 20px;} .th_sg_02 .hd a{ font-size: 16px; height: 50px; line-height: 50px;} .th_sg_02 .bd .con h1{ font-size: 18px;} .th_sg_02 .bd .con .th_desc{ font-size: 14px; line-height: 25px;} .th_sg_03 > ul > li{ padding: 0px 0; margin-bottom: 20px;} .th_sg_03 .tab .title{ height: 85px;} .th_sg_03 .tab .title h1{ font-size: 18px; padding-top: 0;} .th_sg_03 .tab .title p{ font-size: 14px;} .th_sg_03 .th_body .tab_left li{ padding-bottom: 10px;} .th_sg_03 .th_body .tab_left li a{ font-size: 14px} .th_sg_03 .th_body .tab_left{ padding: 20px 0;} .th_sg_03 .th_body .tab_right .thbody{ margin-top: 20px;} .th_sg_03 .th_body .tab_right .thbody .top_xtx h1{ font-size: 18px;} .th_sg_03 .th_body .tab_right .thbody .top_xtx .descd{ font-size: 14px; line-height: 25px;} .th_sg_03 .th_body .tab_right .th_scroll .swiper-button-prev, .th_sg_03 .th_body .tab_right .th_scroll .swiper-button-next{ top: 72%;} /*关于-加入我们*/ .th_joinus{ padding: 20px 0;} .th_joi_title{ border-bottom: 1px solid #e5e5e5;} .th_joi_title li{ float: left; font-weight: 600; padding: 15px 0; font-size: 16px; padding-right: 5%; color: #333; padding-left: 0;} .th_joi_Bod{ width: 100%; border-bottom: 1px solid #e5e5e5;} .th_joi_Bod li{ float: left; padding: 15px 0; font-size: 16px; padding-right: 5%; color: #999; padding-left: 0;} .th_joi_Bod a.f-fr{ width: auto; padding: 0 5px; margin-top: 5px; display: inline-block; font-size: 12px;} .th_joi_ertitle .th_con{ padding: 3%;} .th_joi_ertitle .th_con .txtBody div{ max-width: 100%; width: 100%;} .th_joi_ertitle .th_con .btntxt .f-fr{ margin-top: 25px;} .th_joi_ertitle .th_con .btntxt .f-fr dl dd{ text-align: left;} .th_schera_top{ padding: 20px 0; font-size: 16px;} .th_schera_list li .th_r_txt h1 a{ font-size: 16px;} /*.th_contact*/ .th_contact{ padding: 20px 0 20px;} .th_contact .th_title .f-fl{ font-size: 20px} .th_contact .th_title .f-fr{ margin: 0;} .th_left_txt h2{ font-size: 24px; padding: 20px 0;} .th_left_txt .th_tbn{ text-align: center;} .th_left_txt .th_tbn a:first-child{ width: 120px; padding-top: 0; text-align: center; text-indent:0; height: 35px; line-height: 35px; background: none; background-color: #ff9e00;} .th_left_txt .th_tbn a:first-child{ background: none; background-color: #ff9e00;} .th_left_txt .th_tbn a:last-child{ width: 120px; height: 35px; line-height: 35px;} .th_rig_txt{ padding: 20px; margin-top: 30px;} /*about*/ .th_about_1{ padding-bottom: 20px;} .th_about_1 .th_wraper{ background: none; padding: 0;} .th_about_1 .th_title{ margin-top: 20px;} .th_about_1 .th_title .f-fl{ font-size: 20px; color: #333;} .th_about_1 .th_title .f-fr{ font-size: 18px; color:#666; padding-top: 5px;} .th_about_1 .th_title .f-fr em { text-align: center; width: 22px; height: 22px; display: inline-block; color: white; border-radius: 50%; background-color: #ff9e00;} .th_about_1 .cont_txt dl dt{ font-size: 22px; color: black; padding: 20px 0 10px;} .th_about_1 .cont_txt dl dd{ font-size: 14px; color: #666; line-height: 25px;} .th_about_1 .th_list_t{ padding-top: 30px; padding-bottom: 50px; min-height: auto;} .th_about_1 .th_list_t li{ float: left; width: 100%; padding-right: 0%;} .th_about_1 .th_list_t li dl dd{ padding-bottom: 20px;} .th_about_1 .th_list_fouer .th_img_list{ width: 100%;} .th_about_1 .th_list_fouer .th_img_list li{ float: left; margin-right: 0; width: 31.33%; padding: 0 1%;} .th_about_1 .th_list_fouer .th_txt_body{ max-width: 100%;} .th_about_1 .th_list_fouer .th_txt_body .th_dtxt{ padding-top: 20px;} .th_about_1 .th_list_fouer .th_img_list li .th_txt em{ display: none;} .th_about_1 .th_list_fouer .th_img_list li .th_txt{ font-size: 14px; height: 75px; width: 10px;} .th_about_1 .th_list_fouer .th_txt_body h1{ padding-top: 25px;} .th_about_1 .th_list_fouer .th_txt_body h1 span{ font-size: 18px; padding-bottom: 15px;} .th_about_3{ padding-bottom: 20px;} .th_about_3 .swiper-container .swiper-slide .th_con .th_txt h1 a{ font-size: 16px;} .th_about_3 .swiper-container .swiper-slide .th_con .th_txt .th_desc{ font-size: 14px; padding-top: 5px;} /*th_service_03*/ .th_service_03{ padding-bottom: 65px;} .th_service_03 .th_body{ padding: 0 0%;} .th_service_03 .th_body .txt_topBar .l_list{ width: 100%;} .th_service_03 .th_body .txt_topBar .l_list li span{ text-align: center; width: 100%; margin-top: 15px; font-size: 16px;} .th_service_03 .th_body .txt_topBar .l_list.f-fl li:first-child, .th_service_03 .th_body .txt_topBar .l_list.f-fl li:last-child{ margin-left: 0;} .th_service_03 .th_body .txt_topBar .l_list.f-fr li:nth-child(2){ margin-left: 0;} .th_service_03 .th_body .txt_topBar .l_center{ display: none;} .th_service_03 .th_body .txt_bottom{ text-align: center; font-size: 14px; color: #666; line-height: 25px; padding-top: 20px;} /*th_service_01*/ .th_service_01{ padding-bottom: 20px;} .th_service_01 .th_service_body{ overflow: hidden;} .th_service_01 .th_service_body ul{ width: 100%;} .th_service_01 .th_service_body li{ float: left; width: 48%; margin-right: 0; padding-top: 0px;} .th_service_01 .th_service_body li .th_boom{ padding: 0 10px; min-height: auto; padding-bottom: 20px;} .th_service_01 .th_service_body li .th_boom h1{ font-size: 18px; padding: 10px 0 10px;} .th_service_01 .th_service_body li .th_boom .th_desc{ font-size: 14px;} /*th_service_02*/ .th_service_02{ padding-bottom: 20px;} .th_service_02 .th_body{ padding: 0 15px;} .th_service_02 .th_body .list{ width: 100%; color: white; margin-top: 25px; font-size: 16px;} .th_service_02 .th_body .list dl dd{ line-height: 25px; font-size: 14px;} .th_service_02 .th_body .list .th_txt{ padding-top: 50px; font-size: 20px; line-height: 35px;} .serv_title{ padding: 20px 0;} .serv_title h1{ font-size: 20px;} .serv_title p{ font-size: 16px;} /*th_pro_yb_info*/ .th_pro_yb_info{ padding: 20px 0;} .th_pro_yb_info .th_left{ max-width: 100%; width: 100%;} .th_pro_yb_info .th_left a{ display: block; position: relative;} .th_pro_yb_info .th_left a > img{ max-width: 100%; width: 100%; height: auto; display: block;} .th_pro_yb_info .th_left a span img{ max-width: 100%; } .th_pro_yb_info .th_right{ width: 100%;} .th_pro_yb_info .th_right h1 a{font-size: 16px; height: 35px; line-height: 35px;} .th_pro_yb_info .tb_bottom_list{padding-top: 20px;} .th_pro_yb_info .tb_bottom_list ul{ width: 100%; margin-top: 25px;} .th_conBody{ padding: 20px; font-size: 14px; line-height: 25px; margin-bottom: 20px;} /*th_pro_yb_list*/ .th_pro_yb_list > ul > li{ padding: 20px 0;} .th_pro_yb_list > ul > li .th_right h1 a{ font-size: 16px; height: 35px; line-height: 35px;} .th_pro_yb_list > ul > li .th_left{ max-width: 100%; width: 100%;} .th_pro_yb_list > ul > li .th_left a{ display: block; position: relative;} .th_pro_yb_list > ul > li .th_left a > img{ max-width: 100%; width: 100%; height: auto; display: block;} .th_pro_yb_list > ul > li .th_left a span img{ max-width: 100%; height: auto; display: block;} .th_pro_yb_list > ul > li .th_right{ width: 100%;} .th_pro_yb_list > ul > li .th_right .th_dl{ width: 100%; padding: 0;} .th_pro_yb_list > ul > li .th_right .th_dl dl dd{ width: 100%;} .th_pages{ padding: 25px 0;} /*th_pro_gf_02*/ .th_pro_gf_02 .th_body ul{ width: 100%;} .th_pro_gf_02 .th_body li{ float: left; width: 46%; margin: 20px 0 0 0; padding: 0 2%;} .th_pro_gf_02 .th_body li a{ display: block; position: relative; overflow: hidden;} .th_pro_gf_02 .th_body li a > img{ width: 100%; height: auto; display: block;} /*th_pro_gf_04*/ .th_pro_gf_04 .th_body .th_img{width: 100%;} .th_pro_gf_04 .th_body .th_img ul li{ float: left; margin-right: 0; width: 46%; padding: 2%; margin-top: 0;} .th_pro_gf_04 .th_body .th_img ul li a{ border: 3px solid #c92d31; display: block} .th_pro_gf_04 .th_body .th_img ul li a img{ width: 100%;} .th_pro_gf_04 .th_body .f-txt{ width: 100%;} .th_pro_gf_04 .th_body .f-txt li .th_fxtx{ width: 100%;} /*th_pro_fwtd_04*/ .th_pro_fwtd_04 .th_body ul{ width: 100%;} .th_pro_fwtd_04 .th_body li{ float: left; width: 97%; margin-right: 0; margin-top: 25px;} /*th_pro_fwtd_03*/ .th_pro_fwtd_03 .th_body .th_txt{ width: 100%;} .th_pro_fwtd_03 .th_body .th_img{ width: 100%; margin-top: 20px;} .th_pro_fwtd_03 .th_body .th_img img{ width: 100%;} /*th_pro_fwtd_02*/ .th_pro_fwtd_02 .th_body ul{ width: 100%;} .th_pro_fwtd_02 .th_body li{ float: left; margin-right: 0; margin-top: 25px; width: 96%;} .th_pro_fwtd_02 .th_body li a{width: 97%; min-height: auto; } .th_pro_fwtd_02 .th_body li a img{ width: 100%;} .th_pro_gf_04{ padding-bottom: 20px;} .th_pro_gf_04 .th_body .f-txt li{ font-size: 14px} /*th_pro_fwtd*/ .th_pro_fwtd_01 .th_body{ background: url(../images/th_55.jpg) repeat-x; padding: 0 15px 20px;} .th_pro_fwtd_01 .th_body .img_c{ margin-right: 0; width: 100%; margin-top: 25px;} .th_pro_fwtd_01 .th_body .img_c a img{ max-width: 100%; width: 100%; height: auto; display: block;} .th_pro_fwtd_01 .th_body .txt_r{ width: 100%;} .th_pro_fwtd_01 .th_body .txt_r h1{ font-size: 18px; padding-bottom: 10px;} .th_pro_fwtd_01 .th_body .txt_r .desc{font-size: 14px; line-height: 30px;} .pro_title{ padding: 20px 0;} .th_pro_02 .pro_title{ padding-bottom: 20px;} .pro_title h1 span{ padding: 0 15px; font-size: 20px !important;} .pro_title h1:after{ top: 67%;} .pro_title p{ font-size: 16px;} .th_pro_01 .th_list_img li span{ font-size: 16px;} .th_pro_fwtd_02 .th_body{ padding-bottom: 20px;} .th_pro_fwtd_02 .th_body li dl{ padding: 0 10px;} .th_pro_fwtd_02 .th_body li dl dt{ font-size: 18px; padding: 15px 0;} .th_pro_fwtd_02 .th_body li dl dd{ font-size: 14px;} .th_pro_fwtd_03 .th_body{ padding: 20px 0;} .th_pro_fwtd_03 .th_body .th_txt h1{ font-size: 20px; line-height: 25px;} .th_pro_fwtd_03 .th_body .th_txt h2{ padding: 20px 0; font-size: 18px;} .th_pro_fwtd_03 .th_body .th_txt .th_des{ font-size: 14px; line-height: 25px; padding-top: 20px;} .th_pro_fwtd_04 .th_body{ padding-bottom: 20px;} .th_pro_fwtd_04 .th_body li dl{ padding: 0 20px;} .th_pro_fwtd_04 .th_body li dl dt{ font-size: 16px; padding: 10px 0;} .th_pro_fwtd_04 .th_body li dl dd{ font-size: 14px; line-height: 20px;} /*th_pro_ys_04*/ .th_pro_ys_04 .th_lift{ width: 100%; overflow: hidden; padding-bottom: 30px; position: relative;} .th_pro_ys_04 .th_lift ul{ width: 100%;} .th_pro_ys_04 .th_lift li{ float: left; width: 50%; margin: 0;} .th_pro_ys_04 .th_lift li a{ margin: 0; display: block; padding: 2%;} .th_pro_ys_04 .th_rig{font-size: 14px; line-height: 25px; padding-top: 0px; width: 100%; padding-bottom: 25px;} .th_pro_ys_04 .th_body .op_boot{ display: none;} /*th_pro_ys_03*/ .th_pro_ys_03 .th_body li{ float: left; margin-top: 25px; width: 99%; margin-right: 115px; border: 2px solid #d6d6d6;} .th_pro_ys_03 .th_body li a .th_img{ max-width: 100%; float: left; width: 100%;} .th_pro_ys_03 .th_body li a .th_img img{ max-width: 100%; width: 100%; height: auto; display: block;} .th_pro_ys_03 .th_body li a .th_con{ padding: 15px; width: 90%; float: right;} .th_pro_ys_03 .th_body li a .th_con h1{ font-size: 20px; padding-bottom: 10px;} /*th_pro_ys_02*/ .th_pro_ys_02 .th_body{ overflow: hidden; padding: 0 0;} .th_pro_ys_02 .th_body ul{ width: 100%;} .th_pro_ys_02 .th_body li{ float: left; width: 100%; background-color: white; margin-right: 0; margin-top: 25px;} .th_pro_ys_02 .th_body li a .th_img img{ max-width: 100%; width: 100%; height: auto; display: block;} /*th_pro_ys_01*/ .th_pro_ys_01 .th_body .th_conT{ max-width: 100%; margin-bottom: 25px;} .th_pro_ys_01 .th_body .th_conT a .th_img img{ max-width: 100%; width: 100%; height: auto; display: block;} /*th_project_top*/ .th_project_top a{ width: 100%; margin-right: 0; background-color: #eee; text-align: center; display: inline-block;} /*th_pro_02*/ .th_pro_02{ background: url(../images/th_pro_02_bg.jpg) no-repeat; background-size:cover; padding-bottom: 30px; padding-top: 30px;} .th_pro_02 .th_one_list .th_con{ width: 48%; padding: 0 1%} .th_pro_02 .th_one_list .th_con .box_c{ width: 100%; float: left; } .th_pro_02 .th_one_list .th_con .img{ width: 100%; overflow: hidden;} .th_pro_02 .th_one_list .th_con .img > img{ width: 100%; min-height:221px; display: block;} .th_pro_02 .th_one_list .th_con .th_desc{ width: 100%; color: white; min-height: 175px; padding: 20px 0;} .th_pro_02 .th_one_list .th_con .th_desc span{ float: left; padding-right: 23px; font-size: 48px; display: inline-block; font-style:italic;} .th_pro_02 .th_one_list .th_con .th_desc dl{ float: left; width: 83%} .th_pro_02 .th_one_list .th_con .th_desc dl dt{ font-size: 18px; line-height: 30px;} .th_pro_02 .th_one_list .th_con .th_desc dl dd{ font-size: 13px; line-height: 25px;} .th_pro_02 .th_one_list .th_con .th_r{ display: none;} .th_pro_02 .th_one_list .th_con.box_4, .th_pro_02 .th_one_list .th_con.box_8{ width: 48%} .th_pro_02 .th_one_list .th_con.box_4 .th_r{ position: absolute; bottom: 0; right: 50%; top: auto;} .th_pro_02 .th_one_list .th_con.box_5 .th_r{ display: none;} .th_pro_02 .th_one_list .th_con.box_5, .th_pro_02 .th_one_list .th_con.box_6, .th_pro_02 .th_one_list .th_con.box_7, .th_pro_02 .th_one_list .th_con.box_8{ float: left; width: 48%; padding:0 1%} .th_pro_02 .th_one_list .th_con.box_8{ padding-left: 1%; padding-right: 1%;} .th_pro_02 .th_one_list .th_con.box_5 .th_r, .th_pro_02 .th_one_list .th_con.box_6 .th_r, .th_pro_02 .th_one_list .th_con.box_7 .th_r, .th_pro_02 .th_one_list .th_con.box_8 .th_r{display: none;} /*th_pro_01*/ .th_pro_01 .th_list_img{ max-width: 100%; padding: 0 15px; margin: 0 auto; padding-bottom: 20px; overflow: hidden;} .th_pro_01 .th_list_img ul{ width: 100%;} .th_pro_01 .th_list_img li{ float: left; max-width: 48%; width: 48%; padding: 0 1%; margin-right: 0; text-align: center; margin-bottom: 10px;} .th_pro_01 .th_list_img li:first-child{ max-width: 100%; width: 100%;} .th_pro_01 .th_list_img li:last-child{ margin-right: auto;} .th_pro_01 .th_list_img li p{ min-height: auto;} .th_pro_01 .th_list_img li p img{ max-width: 100%; width: 100%; min-height: auto; display: block;} /*新闻-大事件*/ .th_news_dsj_scroll{ padding: 0;} .th_news_dsj_scroll .swiper-slide .th_img{ width:100%;} .th_news_dsj_scroll .swiper-slide .th_r_txt{ max-width: 96%; padding: 0 2%; padding-bottom: 25px;} .th_news_dsj_scroll .swiper-slide .th_r_txt time{ margin: 5% 0 15px;} .th_news_dsj_scroll .swiper-button-prev{ left: 15px;} .th_news_dsj_scroll .swiper-button-next{ right: 15px;} /*th_news_dsj_list*/ .th_news_dsj_list{ padding: 65px 0 0; width: 100%; overflow: hidden;} .th_news_dsj_list ul{ width: 100%;} .th_news_dsj_list li{ float: left; max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 65px;} .th_news_dsj_list li .th_img{ width: 100%; height: auto;} .th_news_dsj_list li .th_r_txt{ max-width: 100%; width: 100%; padding-left: 0; padding-top: 25px;} .th_page_n{ padding-top: 20px;} .th_page_n a{ color: #666;} .th_page_n a dl dt{ font-size: 14px; color: #444; text-align: left; padding-top: 25px;} .th_page_n a dl dd{ padding-top: 5px; font-size: 14px} .th_page_n .f-fl a:hover dl dt{ padding-left: 22px; background: none !important;} .th_page_n .f-fr a:hover dl dt{ padding-right: 22px; background:none !important;} .th_page_n .f-fl, .th_page_n .f-fr{ width: 100%;} /*th_footer*/ .th_footer_con{background-color: #4c4c4c; padding: 40px 15px; display: none;} .th_footer:after { content: '';width: 80%; height: 0; background-color: #5d5d5d; position: absolute; top: 132px; left: 50%; margin-left: -40%;z-index: 9;} .th_footer_con .th_col-01 { width: 100%;} .th_footer_con .th_col-01 h1{ padding:0 0 22px 5px; border-bottom: 1px solid #5d5d5d; text-align: center;} .th_footer_con .th_col-01 .th_body{ padding: 45px 0; text-align: center;} .th_footer_con .th_col-01 .th_body a{ float: initial; margin-right: 25px; } .th_footer_con .th_col-02 { width: 100%; padding: 15px 0 0; } .th_footer_con .th_col-02 dl{ float: left; width: 50%; text-align: center; min-height: 250px;} .th_footer_con .th_col-03{ width: 100%;} .th_footer_con .th_col-03 .th_title{border-bottom: 1px solid #5d5d5d; text-align: right; height: 47px; margin-top: 15px; margin-bottom: 20px;} .th_footer_con .th_col-03 .th_title a{ font-size: 18px; color: white; display: inline-block; background: url(../images/th_icon_02.png) no-repeat right center; padding-right: 30px;} .th_footer_con .th_col-03 .th_title a:hover{ color: #ff9e00;} .th_footer_con .th_col-03 .th_tt{ text-align: center; width: 280px; margin: 0 auto; padding-top: 15px;} .th_footer_con .th_col-03 dl{ float: left; display: inherit; text-align: center;} .th_footer_con .th_col-03 dl:last-child{ margin-right: 0;} .th_copyright{ background-color: #3b3b3b; padding: 15px; font-size: 14px;} .th_copyright .f-fl, .th_copyright .f-fr{ color: #727272; text-align: center; width: 100%;} /*th_banner*/ .th_banner{ width: 100%; position: relative;margin-top: 62px;} .th_banner .swiper-container-horizontal>.swiper-pagination-bullets, .th_banner .swiper-pagination-custom, .th_banner .swiper-pagination-fraction{ width: 100%; right: 0%; left: auto; top: 75%;} .th_banner .th_ban_page{ display: none;} .th_banner .th_ban_menu{ position: initial; bottom: 0; left: 0; z-index: 25; width: 100%; height: 125px; background: url(../images/th_ban_menu_bg.jpg) repeat-x;} .th_banner .th_ban_menu li{ float: left; width: 20%; text-align: center; position: relative;} .th_banner .th_ban_menu li:after{ content: ''; width: 1px; height: 18px; background-color: #c8c8c8; position: absolute; top: 50px; right: 0;} .th_banner .th_ban_menu li:last-child:after{ content: ''; width: 0px; height: 18px; background-color: #c8c8c8; position: absolute; top: 50px; right: 0;} .th_banner .th_ban_menu li a{ display: block; padding: 0 0; width: 100%; min-height: 125px;} .th_banner .th_ban_menu li a span{ display: block; text-align: center; position: relative; padding-top: 28px;} .th_banner .th_ban_menu li a span img{ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_banner .th_ban_menu li a span img:last-child{ opacity: 0; position: absolute; top: 28px; left: 50%; margin-left: -18px;} .th_banner .th_ban_menu li:first-child a{ padding: 0 0 0 0;} .th_banner .th_ban_menu li a p{ font-size: 16px; } /*th_index_about*/ .th_index_about{ padding: 20px 10px 20px;} .th_index_about .th_left_con{ width: 100%; padding: 0 0%; position: relative;} .th_index_about .th_left_con .th_hr{ width: 30px; padding-top: 27px; display: none;} .th_index_about .th_left_con .th_hr span{ width: 15px; font-size: 14px; color: black; display: block; padding: 15px 4px 0;} .th_index_about .th_left_con .th_img{ float: left; width: 100%;} .th_index_about .th_left_con .th_img img{ width: 100%; display: block; height: auto;} .th_index_about .th_left_con .op{ display: none;} .th_index_about .th_right_con{ width: 96%; padding: 20px 2% 0;} .th_index_about h1{ padding-left: 0; font-size: 20px;} .th_index_about h1 em{ font-size: 14px;} .th_index_about .th_right_con span{ display:block; width: 260px; height: 1px; background-color: #b2b2b2; margin: 20px 0 20px;} .th_index_about h2{padding-left: 0; font-size: 18px;} .th_index_about h3{ padding-left: 0; font-size: 16px; padding-top: 15px;} .th_index_about .th_desc{ padding-left: 0; font-size: 14px; padding-top: 20px;} .th_index_about .th_btn{ padding-left: 0; padding-top: 20px;} /*th_index_design*/ .th_index_design{ padding: 20px 0 30px; background: url(../images/th_index_design.jpg) no-repeat;} .th_index_design .th_title .f-fl{ font-size: 26px;} .th_index_design .th_title .f-fl em{ font-size: 14px;} .th_index_design .th_title .f-fr{ display: none;} .th_index_design .sideMenu{ display: block; margin-top: 20px;} .sideMenu h3{ font-size: 18px;} .th_index_design .th_body{ padding-top: 40px;} /*th_index_team*/ .th_index_team{ padding-bottom: 20px; padding-top: 20px;} .th_index_team .th_title .f-fl{ font-size: 20px;} .th_index_team .th_title .f-fl em{ font-size: 14px;} .th_index_team .th_title .f-fr{ display: none;} .th_index_team .th_body{ padding-top: 20px;} .th_index_team .th_body .th_thLeft{ width: 100%; background-color: #ececec; min-height: auto; position:initial; z-index: 25;} .th_index_team .th_body .th_thLeft .th_con{ max-width: 100%; padding: 20px; background-color: #f4f4f4; position: initial; top: 0; left: 0;} .th_index_team .th_body .th_thLeft .th_con .tit dl dt{ font-size: 20px;} .th_index_team .th_body .th_thLeft .th_con .tit dl dd{line-height: 25px; } .th_index_team .th_body .th_thLeft .th_con .th_desc{line-height: 25px; padding: 15px 0; height: auto;} .th_index_team .th_body .th_thLeft .th_con .th_fx a{ float: left; margin-right: 25px; width: 22px; height: 19px; padding: 3px; border: 1px solid #f4f4f4; display: inline-block; background: url(../images/th_icon_01.png) no-repeat;} .th_index_team .th_scroll{ float: right; width: 100%; height: auto; position: relative; display: ;} .th_index_team .th_scroll .swiper-container{ width: 100%; height: 100%; position: relative;} .th_index_team .th_scroll .swiper-container .swiper-slide a img{ width: 100%; display: block; height: auto; min-height: auto;} .th_index_team .th_scroll .swiper-container .swiper-button-next, .th_index_team .th_scroll .swiper-container .swiper-button-prev{ display: none;} .th_index_team .th_scroll .th_ban_page{ font-size: 18px; color: #8f8f8f; width: 100px; height: 23px; position: absolute; bottom: 44px; right: 10%; z-index: 25;} .th_index_team .th_scroll .th_ban_page span{ font-size: 32px; color: #3b3b3b;} .th_index_team .th_scroll .th_btn_link{width: 100%;text-align: center;} .th_index_team .th_body .th_righ{ width: 100%;overflow: hidden; margin-top: 20px;} .th_index_team .th_body .th_righ li a{ width: 97%; height: auto;} /*th_index_zg*/ .th_index_zg{ padding-bottom: 20px;} .th_index_zg .th_title .f-fl{ padding-bottom: 15px;} .th_index_zg .th_title .t{ font-size: 20px;} .th_index_zg .th_title .t em{ font-size: 14px; display: none;} .th_index_zg .th_title .x{ display: none;} .th_index_zg .th_body .th_left .th_tit{ padding-top: 0px;} .th_index_zg .th_body .th_left{ width: 100%;} .th_index_zg .th_title .f-fr a{ font-size: 14px; width: 80px; height: 30px; line-height: 30px;} .slideTxtBox{ width:100%; } .slideTxtBox .hd{ width: 100%; overflow: hidden;} .slideTxtBox .hd ul { width: 100%;} .slideTxtBox .hd ul li{ float:left; margin-right: 0; width: 25%; margin-top: 14px;} .slideTxtBox .hd ul li a{ width: 100%; height: auto; padding-bottom: 15px; background-position: center 25px;} .slideTxtBox .hd ul li a:after{ opacity: 0;} .slideTxtBox .hd ul li.on a{ background-color: #868686;} .slideTxtBox .hd ul li.on a:after{opacity: 1;} .slideTxtBox .bd li img{ width: 100%; height: auto; display: block;} .th_index_zg .th_body .th_left .th_tit{ font-size: 18px;} .th_index_zg .th_body .th_left .th_tit em{ font-size: 14px;} .th_index_zg .th_body .th_rig{ width: 100%; padding-top: 20px;} .th_index_zg .th_body .th_rig .th_rig_top li{ float: left; width: 100%; padding: 0 1%; text-align: center;} .th_index_zg .th_body .th_rig .th_rig_top li h2{ font-size: 20px; color: #666; padding-bottom: 0; min-height: 45px;} .th_index_zg .th_body .th_rig .th_rig_top li dl dt{ font-size: 14px; color: #666;} .th_index_zg .th_body .th_rig .th_rig_top li dl dd{ font-size: 12px; color: #999; padding-top: 13px;} .th_index_zg .th_body .th_rig .th_rig_top li:first-child{ padding-right: 0px;} .th_index_zg .th_body .th_rig .th_rig_top li:nth-child(2){ padding-right: 0;} .th_index_zg .th_body .th_rig .th_rig_top li:last-child h2{ font-size: 20px; min-height: 45px;} .th_index_zg .th_body .th_rig .th_rig_top{ padding-bottom: 35px;} .th_index_zg .th_body .th_rig .th_rig_Bot{ padding-top: 20px;} .th_index_zg .th_body .th_rig .th_rig_Bot .top{ width: 100%; overflow: hidden; o} .th_index_zg .th_body .th_rig .th_rig_Bot .bottom{ width: 100%; padding-top: 0;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof-1{ width: 33.33%; min-height: 150px; border-right: 0px solid #e5e5e5;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik{ color: black; padding-bottom: 20px; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik:after{ content: ''; width: 26px; height: 1px; background-color: #ccc; position: absolute; bottom: 0; left: 0;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik dl dt{ font-size: 20px;} .th_index_zg .th_body .th_rig .th_rig_Bot .tik dl dd{ font-family: arial; font-size: 18px; padding-top: 10px;} .th_index_zg .th_body .th_rig .th_rig_Bot .th_des{ font-size: 14px; color: #666; line-height: 25px; padding-top: 20px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof{ width: 33.33%; min-height: 150px; padding: 0 0%; text-align: center; position: relative; padding-top: 14px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof p{ height: 60px; text-align: center; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof p img:last-child{ opacity: 0; position: absolute; top: 0; left: 50%; margin-left: -25px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof dl dt{ font-size: 16px; color: #333;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof dl dd{ font-size: 14px; color: #666; padding-top: 10px;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3{ width: 33.33%;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3 .xx{ display: none !important;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-1{ padding-left: 0; float: left;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-1 .xx{ position: absolute; top: 15px; left: 171px; display: none;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-2{ padding-left: 0; float: left;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3{ padding-right: 0; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-3 .xx{ position: absolute; top: 10px; left: 120px; display: none !important;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-4{padding-right: 0; position: relative;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof.of-4 .xx{ position: absolute; top: 10px; left: 103px; display: none !important;} .th_index_zg .th_body .th_rig .th_rig_Bot .cof:hover p img:last-child{ opacity: 1;} .slideTxtBox .hd ul li a p{ padding-top: 80px; font-size: 14px;} .wraper .th_scro_case .swiper-slide h1{ line-height: 35px; font-size: 16px;} /*th_index_zc*/ .th_index_zc{ width: 100%; background: url(../images/th_bg_01.jpg) no-repeat left center; padding: 20px 0; background-size: cover; min-height: auto;} .th_index_zc .th_wraper{ position: relative;} .th_index_zc .th_title .f-fl{ width: 100%; position: relative;} .th_index_zc .th_title .f-fl:after{ content: ''; position: absolute; top: 30px; right: 40px; width: 0px; height: 134px; background-color: #6a6663;} .th_index_zc .th_title .f-fl h1{ font-size: 20px; line-height: 25px;} .th_index_zc .th_title .f-fl p{ font-size: 16px; } .th_index_zc .th_title .f-fr{ width: 100%;} .th_index_zc .th_title .f-fr h1{ display: none} .th_index_zc .th_title .f-fr .th_list{ padding-left: 0; padding-bottom: 20px;} .th_index_zc .th_title .f-fr .th_list li{ float: left; width: 50%; } .th_index_zc .th_title .f-fr .th_list li{ font-size: 16px; margin-top: 20px;} .th_index_zc .th_title .f-fr .th_list li span{ display: inline-block; width: 30px; height: 30px; margin-right: 12px; line-height: 30px; text-align: center; font-size: 14px; background: url(../images/th_l.png) no-repeat; background-size: cover;} .th_index_zc .th_body{ position: initial; top: 0;} .th_index_zc .th_body .th_video{ width: 100%;} .th_index_zc .th_body .th_video #video{ width: 100%; height: 100%;} .th_index_zc .th_body .th_form{ width: 100%; padding:0 0 20px; height: auto; border-radius: 0 0 10px 0; background-image: none;} .th_index_zc .th_body .th_form .th_tab{ padding: 17px 10px 0;} .th_index_zc .th_body .th_form .th_tab table{ width: 100%; } .th_index_zc .th_body .th_form .th_tab table tr td li{ float: left; width: 100%; margin-bottom: 20px;} .th_index_zc .th_body .th_form .th_tab table tr td li:last-child{ margin-bottom: 15px;} .th_index_zc .th_body .th_form .th_tab input[type='text']{ width: 100%; margin-right: 0; } .th_index_zc .th_body .th_form .th_tab textarea{ width: 98.5%; height: 90px; } .th_index_zc .th_body .th_form h1{ font-size: 20px; padding-top: 20px;} /*th_index_bz*/ .th_index_bz{ width: 100%; background: url(../images/th_bg_03.jpg) no-repeat left center; background-size: cover; min-height: auto; padding-top: 20px;} .th_index_bz .th_title .f-fl{ font-size: 20px; } .th_index_bz .th_title .f-fl em{ font-family: arial; font-size: 14px;} .th_index_bz .th_title .f-fr{ display: none;} .th_index_bz .th_title .f-fr em { text-align: center; width: 22px; height: 22px; display: inline-block; color: white; border-radius: 50%;margin-right: 15px; background-color: #ff9e00;} .th_index_bz .th_wraper{ padding-bottom: 20px;} .th_index_bz .th_bd{ padding-top: 30px; padding-bottom: 20px;} .th_index_bz .th_bd ul li{ float: left; width:32.33%; padding: 1% 1%; margin:1.5% 1.5% 0 0;box-sizing: border-box;} .th_index_bz .th_bd ul li:nth-child(3n){ margin-right: 0;} .th_index_bz .th_bd ul li a .th_l dl dd{ display: none;} .th_index_bz .th_bd ul li a{ display: block; width: 100%; border-radius: 5px;} /*th_index_cooperate*/ .th_index_cooperate{ padding: 20px 15px 0;} .th_index_cooperate .th_tit{ padding-bottom: 30px;} .th_index_cooperate .th_tit dl dt{ font-size: 20px;} .th_index_cooperate .th_tit dl dt em{ font-size: 14px;} .th_index_cooperate .th_tit dl dd{ font-size: 16px;} .th_index_cooperate .th_left{ width: 100%; padding-top: 25px;} .th_index_cooperate .th_left .th_bd{ width: 100%; height: 380px; overflow: hidden;} .th_index_cooperate .th_left .th_bd ul{ width: 100%;} .th_index_cooperate .th_left .th_bd li{ float:left; width:48%; height: auto; padding: 1%; margin:0 1.5% 2% 0;box-sizing: border-box;} .th_index_cooperate .th_left .th_bd li a{ width: 100%; height: auto;} .th_index_cooperate .th_left .th_bd li a span img{ width: 100%; height: auto; display: block;} .th_index_cooperate .th_left .th_bd li a span img:nth-child(2){ opacity: 0; position: absolute; top: 0; left: 0;} .th_index_cooperate .th_right{ width: 100%; padding-top: 20px;} .th_index_cooperate .th_right .th_bd{ width: 100%; height: 400px; } .th_index_cooperate .th_right .th_bd ul{ width: 100%;} .th_index_cooperate .th_right .th_bd li{ float:left;width: 48%; height: auto; margin:0 1.5% 2% 0;box-sizing: border-box;} .th_index_cooperate .th_right .th_bd li a{border: 1px solid #d5d5d5; display: block; overflow: hidden;} .th_index_cooperate .th_right .th_bd li a span{ display: block; position: relative; width: 100%; height: auto;} .th_index_cooperate .th_right .th_bd li a span img{ width: 100%; height: auto; display: block;} /*th_index_news*/ .th_index_news{ padding-top: 20px;} .th_index_news .th_title .f-fl{ width: 100%; font-size: 20px;} .th_index_news .th_title .f-fl em{ font-size: 14px;} .th_index_news .th_title .f-fr{ padding-top: 20px; width: 100%; text-align: center;} .th_index_news .th_title .f-fr a{ font-size: 14px; color: #666; padding: 0 20px;} /*th_index_contact */ .th_index_contact{ padding: 20px 15px;} .th_index_contact .th_left{ width: 100%;} .th_index_contact .th_left .th_title{ padding-bottom: 20px;} .th_index_contact .th_left .th_title:after{ content: ''; position: absolute; top: 12px; width: 0; left: 405px; height: 0px; background-color: #7f7f7f;} .th_index_contact .th_left .th_body{ border: 1px solid #e5e5e5; padding: 12px;} .th_index_contact .th_left .th_body img{ width: 100%; height: auto; display: block;} .th_index_contact .th_right{ width: 100%; padding-top: 35px;} .th_index_contact .th_right .th_title{ padding-left: 0;} .th_index_contact .th_right .th_title h2{ font-size: 20px; color: #333;} .th_index_contact .th_right .th_body{ background: none; padding:20px 0 20px 0;} .th_index_contact .th_right .th_body dl dt{ font-size: 16px;} .th_index_contact .th_right .th_body dl dd{ font-size: 14px; color: black; padding-top: 5px; line-height: 25px;} .th_index_contact .th_right .th_body dl dd:nth-child(3){ font-size: 25px;} /*th_breadcrumb*/ .th_breadcrumb{ border-bottom: 1px solid #e5e5e5; padding: 20px 0 20px;} .th_bread_left, .th_bread_right{ width: 100%;} .th_bread_left{ padding-bottom: 0px;display: none;} .th_bread_left a{ font-size: 14px;} .th_bread_righ, .th_bread_right a{ font-size: 14px;} .th_bread_right a{ padding: 5px 10px;} .th_news_info_title p{ padding: 20px 0;} .th_news_info_title .th_fx span{display: none;} .th_news_info_cont{ padding: 20px 0;} .th_bak{ text-align: left;} .th_case_list li{ margin:25px 0 0 0;} .th_case_list li .th_cont .th_r{ width: 72%; padding-left: 15px;} .th_case_list li .th_cont .th_r dl{ width: 100%;} .th_case_list li .th_cont .th_r dl dt{ width: 100%;} .th_case_list li .th_cont .th_r dl dt a{ display: block; width: 100%; font-size: 16px} .th_case_list li .th_cont .th_r dl dd{ font-size: 12px;} .th_case_info_l .th_page{ height:auto; background: none; background-color: #f8f8f8; line-height: 50px; padding: 0 10px;} .th_case_info_l .th_page a{ display: block; width: 100%; font-size: 14px; line-height: 1;} .th_case_info_l .th_page a.f-fl{ background:none; padding-left: 0;} .th_case_info_l .th_page a.f-fl:after{ width: 0;} .th_case_info_l .th_page a.f-fr{ float: left; background: none; padding-right: 0;} .th_case_info_l .th_page a.f-fr:after{ width: 0;} .th_case_info_l .th_page a.f-fr:hover, .th_case_info_l .th_page a.f-fl:hover{background: none;} .th_case_info_r .th_title .f-fr{ display: none;} .th_case_info_r .th_title{ margin-top: 20px; padding:8px 0 15px 0;} .th_case_info_r .th_title > .f-fl{ font-size: 18px} .th_case_info_r .th_cont{ padding: 20px 0;} .th_array{ padding-bottom: 50px;} .th_case_info_recom .th_title .f-fl em{ display: none;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r{ width: 71%; padding-left: 10px;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r dl dt{ padding: 10px 0; width: 100%;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont .th_r dl dd{ width: 100%;} .th_case_info_r .th_bottom .th_btn a{ width: 110px; font-size: 14px; height: 30px; line-height: 30px;} /*.th_case_list*/ .th_case_list{ overflow: hidden; padding-bottom: 25px;} .th_case_list ul{ width: 100%; padding: 0px;} .th_case_list li{ float: left; width: 46%; margin: 42px 0px 0 0; padding: 0 2%;} .th_case_list li .th_img{ width: 100%; position: relative; overflow: hidden;} .th_case_list li .th_cont{ padding: 18px 10px;} .th_case_list li .th_cont span{ display: block; width: 62px; height: 62px; border: 1px solid #ccc; border-radius: 50%;} .th_case_list li .th_cont span img{ width: 56px; height: 56px; border-radius: 50%; display: block; border:3px solid white;} .th_case_list li .th_cont .th_r dl dd em{ padding-right: 30px;} .th_case_list li:hover .th_img .th_mask{ top: 15%;} .th_case_info_l{ max-width: 100%;} .th_case_info_r{ max-width: 100%;} .th_case_info_r .th_cont dl dd{ float: left; width: 100%; font-size: 14px; color: #666; line-height: 25px;} .th_case_info_r .th_cont dl dd:nth-child(2), .th_case_info_r .th_cont dl dd:nth-child(4){ width: 100%;} .th_case_info_r .th_bottom .th_img_l{ width: 100%; height: auto; background-color: #007AFF; overflow: hidden;} .th_case_info_r .th_bottom .th_img_l a{ width: 100%;} .th_case_info_r .th_bottom .th_img_l img{ width: 100%; } .th_case_info_r .th_bottom .th_list_r{ width: 100%; padding-top: 15px;} .th_case_info_r .th_bottom .th_list_r h1{ padding-bottom: 10px;} .th_case_info_r .th_bottom .th_list_r h1 a{ font-size: 20px; color: #333;} .th_case_info_r .th_bottom .th_list_r dl dd{ font-size: 14px; color: #666; line-height: 20px; padding-top: 10px; padding-left: 20px; position: relative;} .th_case_info_r .th_bottom .th_list_r dl dd:after{ content: ''; position: absolute; width: 4px; height: 4px; background-color: #b2b2b2; top: 20px; left: 0;} .th_case_info_recom{ padding: 20px 0;} .th_case_info_recom .th_title .f-fl{ font-size: 20px;} .th_case_info_recom .th_title .f-fr{ padding-top: 5px;} .th_case_info_recom .th_body{ padding-top: 20px;} .th_case_info_recom .th_body .swiper-container .swiper-slide .th_cont{ padding:10px 0;} /*新闻-装修百科*/ .th_news_zx_list ul{ width: 100%; padding: 0px;} .th_news_zx_list li{ float: left; width: 46%; margin: 42px 0px 0 0; padding: 0 2%;} /*设计前言*/ .new_qy_list li .th_img{ max-width: 100%; width: 100%;} .new_qy_list li .th_img a img{ width: 100%; display: block; height: auto;} .new_qy_list li .th_rtxt{ max-width: 100%; width: 100%;} .new_qy_list li .r_title{ width: 100%;} .new_qy_list li .r_perv{ padding-bottom: 10px;} .th_pro_03 .th_bd{ padding-bottom: 20px;} .th_pro_03 .th_bd .th_sc .swiper-container .swiper-slide a p{ padding-top: 20px; font-size: 18px;} .th_pro_04 .th_bd{ padding-bottom: 20px;} .th_pro_04 .th_bd .th_sc .swiper-container .swiper-slide a p{ font-size: 18px;} .th_pro_zc_01{ padding-bottom: 20px;} .th_pro_zc_01 .th_hd{ padding: 30px 0 15px;} .th_pro_zc_01 .th_hd ul{ width: 100%;} .th_pro_zc_01 .th_hd li{ width: 46%; padding: 0 2%; margin-right: 0; margin-bottom: 10px;} .th_pro_zc_01 .th_hd li .cont{ padding: 10px; min-height: 112px; width: 85%;} .th_pro_zc_01 .th_hd li .cont .th_tit .f-fl{ font-size: 20px; padding: 0} .th_pro_zc_01 .th_hd li dl{ padding: 0;} .th_pro_zc_01 .th_hd li dl dt{ font-size: 16px; padding: 0 0 10px;} .th_pro_zc_01 .th_hd li dl dd{ font-size: 12px; line-height: 20px;} .th_pro_zc_01 .th_hd li p{ display: none} .th_pro_zc_01 .th_bd .th_con{ padding: 10px;} .th_pro_zc_01 .th_bd .th_con .ffl{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; border: 0;} .th_pro_zc_01 .th_bd .th_con .fxtx{ padding-left: 0; width: 100%; font-size: 12px;} .th_pro_zc_01 .th_bd .th_con:after{ content: ''; width: ; position: absolute; top: -10px; left: 0; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #dedede;} .th_pro_zc_01 .th_bd .th_con:nth-child(2):after{left: 8%;} .th_pro_zc_01 .th_bd .th_con:nth-child(3):after{left: 8%;} .th_pro_zc_01 .th_bd .th_con:nth-child(4):after{left: 8%;} .th_pro_zc_02{ background-size: cover;} .th_pro_zc_02 .pro_title{padding: 20px 0;} .th_pro_zc_02 .pro_title h1:after{height: 0;} .th_pro_zc_02 .pro_title h1{ font-size: 20px; } .th_pro_zc_02 .pro_title h1 span{ font-size: 20px!important} .th_pro_zc_02 .th_body{ padding-top: 20px;} .th_pro_zc_02 .th_body .txt_r{ min-height: auto; padding-bottom: 20px;} .th_pro_zc_02 .th_body .txt{ width: 100%;} .th_pro_zc_02 .th_body .th_img li{ width: 31.33%; padding: 0 1%;} .th_pro_zc_02 .th_body .th_img li p{ font-size: 14px; padding-top: 10px; color: white!important} .th_pro_zc_02 .th_body .txt_l{ padding-top: 20px; line-height: 20px;} .th_pro_zc_02 .th_body .txt_l p, .th_pro_zc_02 .th_body .txt_l p span{ color: white !important; font-size: 12px !important; font-weight: 300!important;} .th_pro_zc_02 .th_body .txt_r{ text-align: left; font-size: 12px; line-height: 22px;} .th_project_top{ padding-top: 20px;} .th_project_top a{ font-size: 16px; height: 35px; line-height: 35px;} .th_pro_ys_01 .th_body .th_conT a .th_con{padding: 20px 20px;} .th_pro_ys_01 .th_body .th_conT a .th_con dl dt{ font-size: 20px;} .th_pro_ys_02{ padding: 0px 0 20px;} .th_pro_ys_02 .th_body li a .th_con{padding: 20px 20px;} .th_pro_ys_02 .th_body li a .th_con dl dt{ font-size: 18px;} .th_pro_ys_02 .th_body li a .th_con dl dd{ font-size: 14px} .pro_title h1{ font-size: 20px;} /*网站地图*/ .th_site{ width: 100%; background-size:cover; min-height: auto; padding-bottom: 20px; position: relative;} .th_site .th_sh{ position: absolute; bottom: -50px; right: 0; z-index: 9; display: none;} .th_site_body{ padding-top: 20px;} .th_site_body h1{ text-align: center; font-size: 30px; color: #333; font-weight: 600;} .th_site_body .th_site_list dl { min-height: auto; margin-top: 15px; padding-bottom: 15px;} .th_site_body .th_site_list dl dt em{ font-size: 20px; width: 25px; height: 25px; line-height: 25px;} .th_site_body .th_site_list dl dt a{ font-size: 18px;} .th_site_body .th_site_list dl dd a{ font-size: 14px; padding-right: 20px; margin-bottom: 5px;} .th_site_body .th_site_list{} .th_site_body .th_site_list dl{ width: 100%;} .th_site_body .th_site_list dl dd{ padding: 16px 0 0 0;} .th_news_dsj_scroll .swiper-slide .th_r_txt h1 a{ font-size: 16px;} .th_news_dsj_scroll .swiper-slide .th_r_txt .th_desc{ font-size: 14px;} .th_news_dsj_list li .th_r_txt h1 a{ font-size: 16px;} .th_news_dsj_list li{ margin-bottom: 20px;} .th_news_info{ padding: 20px 0;} .th_news_info_title h1{ font-size: 20px} .th_news_info_title p{ font-size: 16px;} .th_news_info_title .th_fx{ height: 13px;} .th_news_info_cont{ font-size: 14px;} } @media screen and (max-width: 768px){ .th_pro_03 .th_hb span, .th_pro_04 .th_hb span{font-size: 15px;padding: 0 15px 20px;} .th_index_team .th_body .th_righ li a{ width: 95%;} .th_pro_gf_03 .th_body .th_img_btn{ width: 100%;} .th_pro_gf_03 .th_body .th_img_btn span img{ width: 100%;} .th_pro_gf_03 .th_body .th_img_btn .ht_a, .th_pro_gf_03 .th_body .th_img_btn .th_tbn{ width: 90%;} .th_pro_gf_03 .th_body .th_scrol{width: 100%;} .th_pro_gf_03 .th_body .th_scrol .th_con ul{ width: 100%;} .th_pro_gf_03 .th_body .th_scrol .th_con li{ float: left; width: 48%; margin: 0 1% 15px 1%;} .th_pro_gf_03 .th_body .th_scrol .th_con li a{ display: block; position: relative;} .th_pro_gf_03 .th_body .th_scrol .th_con li a > img{ width: 100%; height: auto; min-height: auto; display: block;} .team_s_left .s_left_top{ min-height: 200px;} .team_s_left{ min-height: 310px;} .th_tema .th_body li{ width: 98%;} .tema_title h1 span{ padding: 0 ;} .th_ins_ban > img{ width: 100%; display: block; height: auto;} .th_ins_ban .th_bot .th_search li:first-child{ width: 87%;} /*th_about_2*/ /*th_about_2*/ #issues{ width: 100%} .th_about_2 .th_body .cont{ width: 67%;} .th_about_2 .th_body .cont .f-list{ width: 100%; overflow: hidden; padding-bottom: 50px;} .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 38.5%; min-height: 150px; margin: 37px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 66%; height: 150px; padding: 25px 10%; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-list > ul > li a h1{ font-size: 20px; color: #666; position: relative; padding-top: 20px;} .th_about_2 .th_body .cont .f-list > ul > li a h2{ font-size: 16px; color: #333; padding-top: 20px;} .th_about_2 .th_body .cont .f-list > ul > li a span{ font-size: 14px; color: #999; margin-top: 40px; padding-right: 106px; display: inline-block; background: url(../images/th_81.png) no-repeat 126px center;} .th_about_2 .th_body .cont .f-fr{ display: none;} .th_sg_03 .tab .title h1{ padding-top: 8%;} .serv_title h1 span{ padding: 0 15px;} .th_about_3 .swiper-container .swiper-slide .th_con .th_img{ width: 100%;} .th_about_3 .swiper-container .swiper-slide .th_con .th_txt{ width: 94%; padding-bottom: 25px;} .th_about_3 .swiper-container .swiper-slide .th_con .th_txt h1{ padding-top: 20px;} /*th_side*/ .th_side{ display: none;} /*th_schera*/ .th_schera p{ padding: 20px 15px 0;} .th_schera p input{width: 100%; } /*th_mobal_body*/ .th_mobal_body{position: fixed; top: 20%; left: 50%; margin-left: -160px; z-index: 9999999; display: none;} .th_mobal_body li{ float: left;} .th_mobal_body li input{ width: 250px; background-color: #eee; height: 66px; line-height: 66px; font-size: 18px; color: #999; text-indent: 25px; border-radius: 66px 0 0 66px;} .th_mobal_body li button{ width: 70px; height: 66px; line-height: 66px; background: url(../images/serch_btn.png) no-repeat center #eee;border-radius: 0 66px 66px 0;} /*.th_case_list*/ .th_case_list{ overflow: hidden; padding-bottom: 25px;} .th_pro_05 .th_wraper .th_case_list{ padding-bottom: 25px;} .th_case_list ul{ width: 100%; padding: 0px;} .th_case_list li{ float: left; width: 100%; margin: 15px 0 0 0; padding: 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;} .th_case_list li .th_img{ width: 100%; position: relative; overflow: hidden;} .th_case_list li .th_img img{ width: 100%;} .th_case_list li .th_cont{ padding: 18px 0;} .th_case_list li .th_cont span{ display: block; width: 56px; height: 56px; border: 1px solid #ccc; border-radius: 50%;} .th_case_list li .th_cont span img{ width: 50px; height: 50px; border-radius: 50%; display: block; border:3px solid white;} .th_ins_ban .th_con_txt span{ display: none;} .th_ins_ban .th_bot .th_left li{ width: 100%; margin-right: 0; margin-top: 15px;} .th_ins_ban .th_bot .th_left li a{ font-size: 14px;} .th_ins_ban .th_bot .th_left{ padding: 20px 5% 40px;} /*新闻-大事件*/ .th_news_dsj_list li .th_img { width: 100%; height: auto;} .th_news_dsj_list li .th_r_txt{ float: left; max-width: 100%; padding: 15px 0;} /*新闻-装修百科*/ .th_news_zx_list ul{ width: 100%; padding: 0px;} .th_news_zx_list li{ float: left; width: 100%; margin: 42px 0px 0 0; padding: 0 2%;} .th_news_zx_list li .th_img img{ width: 100%;} /*th_pro_02*/ .th_pro_02{ background: url(../images/th_pro_02_bg.jpg) no-repeat; background-size:cover; padding-bottom: 30px; padding-top: 0px;} .th_pro_02 .th_one_list .th_con{ width: 48%; padding: 0 1%} .th_pro_02 .th_one_list .th_con .box_c{ width: 100%; float: left; } .th_pro_02 .th_one_list .th_con .img{ width: 100%; overflow: hidden;} .th_pro_02 .th_one_list .th_con .img > img{ width: 100%; min-height:auto; display: block;} .th_pro_02 .th_one_list .th_con .th_desc{ width: 100%; color: white; min-height: auto; padding: 20px 0 20px;} .th_pro_02 .th_one_list .th_con .th_desc span{ float: left; padding-right: 23px; font-size: 20px; display: inline-block; font-style:italic;} .th_pro_02 .th_one_list .th_con .th_desc dl{ float: left; width: auto; max-width: 80%;} .th_pro_02 .th_one_list .th_con .th_desc dl dt{ font-size: 16px; line-height: 30px;} .th_pro_02 .th_one_list .th_con .th_desc dl dd{ font-size: 14px; line-height: 20px;} .th_pro_02 .th_one_list .th_con .th_r{ display: none;} .th_pro_02 .th_one_list .th_con.box_4, .th_pro_02 .th_one_list .th_con.box_8{ width: 48%} .th_pro_02 .th_one_list .th_con.box_4 .th_r{ position: absolute; bottom: 0; right: 50%; top: auto;} .th_pro_02 .th_one_list .th_con.box_5 .th_r{ display: none;} .th_pro_02 .th_one_list .th_con.box_5, .th_pro_02 .th_one_list .th_con.box_6, .th_pro_02 .th_one_list .th_con.box_7, .th_pro_02 .th_one_list .th_con.box_8{ float: left; width: 48%; padding:0 1%} .th_pro_02 .th_one_list .th_con.box_8{ padding-left: 1%; padding-right: 1%;} .th_pro_02 .th_one_list .th_con.box_5 .th_r, .th_pro_02 .th_one_list .th_con.box_6 .th_r, .th_pro_02 .th_one_list .th_con.box_7 .th_r, .th_pro_02 .th_one_list .th_con.box_8 .th_r{display: none;} } @media screen and (max-width: 640px){ .gdk_Boxer h2{font-size: 18px;padding:25px 0 10px;} .gdk_Boxer{width: 79%;height: auto;padding: 0 7% 5%;} .gdk_Boxer .close{top: -40px;right: 0;} .gdk_Boxer li p, .gdk_Boxer li .gdk_text{width: 100%;} } @media screen and (max-width:513px){ .th_ins_ban .th_bot .th_search li:first-child{width: 85%;} } @media screen and (max-width: 415px){ .th_index_team .th_body .th_righ li a{ width: 93%;} .th_ins_ban > img{ width: 100%; display: block; height: 175px;} .fx_tab_top a{ width: 140px; font-size: 16px;} .th_ins_ban .th_bot .th_search li:first-child{ width: 78%;} .th_banner .th_ban_menu li a p{font-size: 14px;} .th_banner .th_ban_menu li a{min-height: 90px;} .th_banner .th_ban_menu{height: 90px;} .th_banner .th_ban_menu li a span{padding-top: 14px;} .th_banner .th_ban_menu li a span img:last-child{top: 14px;} .th_index_case .th_tab_hd .f-fl li a p{padding-top: 8px;} .th_index_zg .th_body .th_rig .th_rig_top li h2, .th_index_zg .th_body .th_rig .th_rig_top li:last-child h2{font-size: 18px;min-height: 34px;} .th_index_zg .th_body .th_rig .th_rig_top li dl dt{font-size: 12px;} .th_index_zg .th_body .th_rig .th_rig_top li dl dd{padding-top: 10px;} .th_index_zg .th_body .th_rig .th_rig_top{padding-bottom: 15px;} /*th_about_2*/ #issues{ width: 100%} .th_about_2 .th_body .cont{ width: 67%;} .th_about_2 .th_body .cont .f-list{ width: 100%; overflow: hidden; padding-bottom: 20px;} .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 43.5%; min-height: 150px; margin: 37px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 66%; height: 150px; padding: 25px 10%; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-fr{ display: none;} } @media screen and (max-width: 375px){ /*th_about_2*/ .th_about_2 .th_body .cont{ width: 100%;} .th_about_2 .th_body .cont .f-list{ width: 100%; padding-bottom: 50px;} .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 60%; min-height: 297px; margin: 37px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 30%; height: 217px; padding: 40px 5%; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-list > ul > li a h1{ font-size: 24px; color: #666; position: relative; padding-top: 35px;} .th_about_2 .th_body .cont .f-list > ul > li a h2{ font-size: 20px; color: #333; padding-top: 20px;} .th_about_2 .th_body .cont .f-list > ul > li a span{ font-size: 16px; color: #999; margin-top: 70px; padding-right: 106px; display: inline-block; background: url(../images/th_81.png) no-repeat 126px center;} } @media screen and (max-width: 340px){ /*th_index_design*/ .th_index_design .th_title .f-fl{ font-size: 24px;} .th_index_design .th_title .f-fl em{ font-size: 16px;} /*th_index_team*/ .th_index_team .th_title .f-fl{ font-size: 24px;} .th_index_team .th_title .f-fl em{font-size: 16px;} .th_index_team .th_title .f-fr{ font-size: 18px; color: #666; padding-top: 20px;} .th_index_team .th_title .f-fr em { text-align: center; width: 22px; height: 22px; display: inline-block; color: white; border-radius: 50%; background-color: #ff9e00;} /*th_index_bz*/ .th_index_bz .th_title .f-fl{ font-size: 24px;} .th_index_bz .th_title .f-fl em{font-size: 16px;} .th_index_bz .th_title .f-fr{ float: left; font-size: 13px; color: #666; padding-top: 10px;} /*th_index_cooperate*/ .th_index_cooperate .th_tit dl dt{ font-size: 24px; } .th_index_cooperate .th_tit dl dt em{ font-size: 16px; } .th_index_cooperate .th_tit dl dd{ font-size: 17px; } /*th_index_news*/ .th_index_news .th_title .f-fl{ width: 100%; font-size: 24px; color: #666;} .th_index_news .th_title .f-fl em{ font-size: 16px; font-family: "arial";} .th_index_news .th_title .f-fr{ padding-top: 20px; width: 100%;} .th_index_news .th_title .f-fr a{ font-size: 12px; color: #666; padding: 0 15px;} /*th_index_contact*/ .th_index_contact .th_right .th_btn a:first-child{ width: 140px; background:url(../images/th_icon_04.png) no-repeat 22px center #ff9e00; text-indent: 55px; font-size: 13px; color: white;} .th_pages a{margin: 0 3px; padding: 5px;} } @media screen and (max-width: 320px){ .th_ins_ban .th_bot .th_search li:first-child{ width: 75%;} /*th_about_2*/ .th_about_2 .th_body .cont{ width: 100%;} .th_about_2 .th_body .cont .f-list{ width: 100%; padding-bottom: 50px;} .th_about_2 .th_body .cont .f-list > ul{ width: 100%;} .th_about_2 .th_body .cont .f-list > ul > li{ float: left; width: 60%; min-height: 297px; margin: 37px 0 0; opacity: 1 !important;} .th_about_2 .th_body .cont .f-list > ul > li a{ width: 24%; height: 217px; padding: 40px 5%; border: 2px solid #ddd; display: block; background-color: white;} .th_about_2 .th_body .cont .f-list > ul > li a h1{ font-size: 24px; color: #666; position: relative; padding-top: 35px;} .th_about_2 .th_body .cont .f-list > ul > li a h2{ font-size: 20px; color: #333; padding-top: 20px;} .th_about_2 .th_body .cont .f-list > ul > li a span{ font-size: 16px; color: #999; margin-top: 70px; padding-right: 106px; display: inline-block; background: url(../images/th_81.png) no-repeat 126px center;} }