/* 技术支持：上海集锦信息科技有限公司 _ _ _ _ _ (_)(_) (_)(_) | | __ ____ ____ __ _ _ _ _ _ __ __ __ ___ | |__ ___ ___ _ __ ___ \ \ /\ / /\ \ /\ / /\ \ /\ / / | || | | || || '_ \ \ \ /\ / / / _ \| '_ \ / __| / _ \ | '_ ` _ \ \ V V / \ V V / \ V V / _ | || | | || || | | | \ V V / | __/| |_) | _ | (__ | (_) || | | | | | \_/\_/ \_/\_/ \_/\_/ (_) | ||_| | ||_||_| |_| \_/\_/ \___||_.__/ (_) \___| \___/ |_| |_| |_| _/ | _/ | */ body{ margin:0px; padding:0px; border:0px; font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff; min-width:1200px;} html{ min-width:1200px;} body.on{ overflow: hidden;} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} *{ padding:0px; margin:0px; border:0px;} /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clearer:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clearer{zoom: 1;}/* 触发 hasLayout */ img{ vertical-align: middle;} input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ img{vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"} .search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;} .search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl{ float:left;} .fr{ float:right;} /*渐变从左向右*/ .jianbian2{ height: 200px; background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */ } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow1{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; } .shadow2{transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*投影*/ .shadow5{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover{ -webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8{ -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6{ -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*投影*/ .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; } /*图片居中*/ .center{ -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*图片居中2*/ .vertical{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center; /* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -ms-flex-align:center; -moz-box-pack:center; /* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } /*图片翻转*/ .flip{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .noscroll{ overflow: hidden; } .bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto} .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2);} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;} .mo_top .mot .cloesicon{ display:none;} .mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;} .mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;} .mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;} .mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;} .mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;} .mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px} .mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;} .mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none} .mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;} .mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;} .mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;} .mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;} .mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;} .mo_yc{ width:100%; height:80px; display:none;} .mo_lj div i{ font-size: 20px;} .pc_all .pc_all_contnet{ max-width: 1500px; margin: 0 auto;} .pc_d{ background: #3b3b3b; line-height: 30px; position: absolute; top: 0; left: 0; width: 100%; z-index:40; min-width:1200px;} .pc_d .pc_d_city{ font-size: 12px; color: #fff; cursor:pointer;} .pc_d .pc_d_city img{ margin-right: 5px;} .pc_d .pc_d_city a{ font-size: 12px; margin-left: 10px; color: #fff;} .pc_d .pc_d_right{ color: #fff; font-size: 12px;} .pc_d .pc_d_right span{ margin: 0px 5px;} .pc_d .pc_d_right a{ color: #fff; font-size: 12px;} .t_height{ height:116px;} .pc_top{ top: 30px; left: 0; width: 100%; z-index: 50; border-bottom: 1px solid #dddddd; position: absolute; z-index:51; background:#fff; min-width:1200px;} .pc_top.on{ position:fixed; top: 0px;} .pc_top .pc_top_logo{ display: flex; height: 85px; align-items: center;} .pc_top .pc_top_right{ height: 85px; display: flex; align-items: center;} .pc_top .pc_top_right .top_right_nav .right_nav_list{ margin-right: 10px; position: relative; width: 97px; text-align: center;} .pc_top .pc_top_right .top_right_nav .right_nav_list:nth-child(5){ width:107px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child{ margin-right: 55px;} .pc_top .pc_top_right .top_right_nav .right_nav_list::before{ content: ""; width: 0%; display: inline-block; height: 2px; background: #951620; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -1px; transition: all 0.5s ease;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover::before{ width: 100%; transition: all 0.5s ease;} .pc_top .pc_top_right .top_right_nav .right_nav_list.on::before{ width: 100%; transition: all 0.5s ease;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_title{ font-size: 16px; color: #333333; width: 100%; height: 85px; display: flex; align-items: center; justify-content: center;} .pc_top .pc_top_right .top_right_nav .categories{ width:auto; position:relative;} .pc_top .pc_top_right .top_right_nav .categories:hover .categories_down{ display:block;} .pc_top .pc_top_right .top_right_nav .categories .categories_down{ position:absolute; z-index:5; width:245px; left: -10px; display:none; top:calc(100% + 1px);} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list{ background:#f7f7f7; text-align:left;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_title{ padding: 25px 15px; border-bottom:1px solid #dcdcdc;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list:last-child .down_list_title{ border-bottom:0px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_title dd{ font-size:16px; color:#333; padding-left:8px; margin-bottom:8px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_title dt a{ font-size:12px; color:#666; padding:0px 8px; display:inline-block; line-height:22px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_title dt a:hover{ color:#fff; background:#920a0d;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list:hover{ background:#fff;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list:hover .down_list_txt{ display:block;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt{ display:none; position: absolute; left: 245px; top: 0; width: 380px; padding: 20px; background: #fff; } .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li{ border-bottom:1px solid #dcdcdc; padding-bottom:14px; margin-bottom:14px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li:last-child{ border-bottom:0px; margin-bottom:0px; padding-bottom:0px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_title{ font-size:18px; color:#333; margin-bottom:15px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list{ overflow:hidden;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list dd{ font-size:15px; color:#333; width:20%; float:left;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list dt{ width:80%; float:left;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list dt a{ font-size:12px; color:#666; margin-bottom:8px; display:inline-block;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list dt a:hover{ color:#d21928;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt .list_txt_li .txt_li_content .li_content_list dt span{ margin:0px 5px; color:#999; font-size:12px;} .pc_top .pc_top_right .top_right_nav .categories:before{ display:none;} .pc_top .pc_top_right .top_right_nav .categories .nav_list_title img{ margin-right:10px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_title i{ color: #999; margin-left: 6px; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .nav_list_title i{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down{ position: absolute; width: 100%; top: 86px; left: -17px; z-index: 50; display: none;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .nav_list_down{ display: block;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down a{ display: inline-block; width: 120px; line-height: 45px; font-size: 14px; color: #333; background: #fff; border-bottom: 1px solid #dcdcdc;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down a:hover{ color: #fff; background:#901620;} .pc_top .pc_top_right .top_right_nav .right_nav_list .nav_list_down a:last-child{ border-bottom: 0px;} .pc_top .pc_top_right .top_right_phone{ background: url(../image/bn21.png) no-repeat 0% 50%; padding-left: 43px;} .pc_top .pc_top_right .top_right_phone b{ font-size: 20px; color: #333333;} .pc_top .pc_top_right .top_right_phone dd{ font-size: 13px; color: #666666;} .banner{ height: 740px; position: relative; overflow: hidden;} .banner .content_list_img img{ height: 740px; width: 100%; object-fit: cover;} .banner .banner_reservation{ width: 936px; position: absolute; background: rgba(0,0,0,.6); position: absolute; left: 0; right: 0; bottom: 26px; margin: 0 auto; padding: 20px 46px; overflow: hidden;} .banner .banner_reservation .banner_reservation_title{ margin-bottom: 15px;} .banner .banner_reservation .banner_reservation_title .reservation_title_left{ display: flex; align-items: center;} .banner .banner_reservation .banner_reservation_title .reservation_title_left .title_left_l{ font-size: 20px; color: #fff; position: relative; padding-right: 30px; margin-right: 30px;} .banner .banner_reservation .banner_reservation_title .reservation_title_left .title_left_l::before{ content: ""; position: absolute; display: inline-block; right: 0; top: 20%; height: 18px; width: 1px; background: #fff;} .banner .banner_reservation .banner_reservation_title .reservation_title_left .title_left_r{ font-size: 16px; color: #fff; width: 325px;} .banner .banner_reservation .banner_reservation_title .reservation_title_left .title_left_r span:nth-child(2){ margin: 0px 40px;} .banner .banner_reservation .banner_reservation_title .reservation_title_right{ font-size: 20px; color: #fff;} .banner .banner_reservation .banner_reservation_title .reservation_title_right span{ color: #ffae00;} .banner .banner_reservation .banner_reservation_form{ display: flex; align-items: center;} .banner .banner_reservation .banner_reservation_form input{ width: 200px; height: 40px; display: flex; align-items: center; border-radius: 6px; padding: 0px 15px; margin-right: 8px;} .banner .banner_reservation .banner_reservation_form input:nth-child(3){ width: 255px;} .banner .banner_reservation .banner_reservation_form input[type="submit"]{ width: 170px; background: #d21928; color: #fff; justify-content: center; margin-right: 0px; cursor: pointer;} .INav{ background: #f6f6f6; padding: 20px 0px;} .INav .INav_list{ width: 19.2%; margin-right: 1%; background: #fff; height: 89px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;} .INav .INav_list:last-child{ margin-right: 0px;} .INav .INav_list:hover{ box-shadow: 0px 0px 22px rgba(0,0,0,.15); transition: all 0.5s ease; cursor: pointer;} .INav .INav_list .INav_list_txt{ margin-left: 17px;} .INav .INav_list .INav_list_txt dd{ font-size: 16px; color: #333333; font-weight:bolder; margin-bottom:5px;} .INav .INav_list .INav_list_txt dt{ font-size: 14px; color: #444444;} .ICase{ padding: 67px 0px;} .ICase .ICase_title{ text-align: center; margin-bottom: 35px;} .ICase .ICase_title dd{ font-size: 36px; color: #2b2b2b; margin-bottom: 20px;} .ICase .ICase_title dt{ font-size: 16px; color: #666666;} .ICase .ICase_nav{ display: flex; justify-content: center; margin-bottom: 43px;} .ICase .ICase_nav a{ display: inline-block; width: 150px; text-align: center; line-height: 38px; border: 1px solid #dcdcdc; text-align: center; color: #777777; font-size: 18px; margin-right: 8px;} .ICase .ICase_nav a.on{ border: 1px solid #901620; background: #901620; color: #fff;} .ICase .ICase_nav a:hover{ border: 1px solid #901620; background: #901620; color: #fff;} .ICase .ICase_nav a:last-child{ margin-right: 0px; background: #303030; color: #fff;} .ICase .ICase_content .ICase_content_list{ display: inline-block; width: 32.66%; margin-right: 1%; position: relative; margin-bottom: 1%;} .ICase .ICase_content .ICase_content_list:nth-child(3n){ margin-right: 0px;} .ICase .ICase_content .ICase_content_list .content_list_img img{ width: 100%; height: 314px; object-fit: cover;} .ICase .ICase_content .ICase_content_list .content_list_txt{ position: absolute; width: calc(100% - 120px); left: 0; height: 100%; background: rgba(0,0,0,.7); top: 0; padding: 0px 60px; opacity: 0; transition: all 0.5s ease;display: flex; flex-direction: column; justify-content: center;} .ICase .ICase_content .ICase_content_list:hover .content_list_txt{ opacity: 1; transition: all 0.5s ease;} .ICase .ICase_content .ICase_content_list .content_list_txt dd{ font-size: 18px; color: #fff;} .ICase .ICase_content .ICase_content_list .content_list_txt p{ font-size: 14px; color: #fff; line-height: 26px; margin: 18px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .VR{ padding: 0px;} .VR .VR_content .VR_content_list{ width: 70%; position: relative; overflow:hidden;} .VR .VR_content .VR_content_list:last-child{ float:right; width:29%;} .VR .VR_content .VR_content_list .content_list_iframe{ height: 503px;} .VR .VR_content .VR_content_list .content_list_iframe iframe{ width: 100%; height: 100%;} .VR .VR_content .VR_content_list .content_list_hover{ width:100%; height:100%; cursor:pointer;} .VR .VR_content .VR_content_list .content_list_hover .list_hover_icon{ position:absolute; top:30px; left:40px;} .VR .VR_content .VR_content_list .content_list_hover dd img{ width:100%; height:503px; object-fit:cover;} .VR .VR_content .VR_content_list .content_list_hover dt{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: rgba(0,0,0,.6);} .VR .VR_title{ margin-top: 13px;} .VR .VR_title .VR_title_list{ width: 10.5%; margin-right: .68%; background: #f7f7f7; text-align: center; padding: 30px 0px; position: relative; cursor: pointer; transition: all 0.5s ease;} .VR .VR_title .VR_title_list:last-child{ margin-right: 0px;} .VR .VR_title .VR_title_list dd{ line-height: 61px; margin-bottom: 10px;} .VR .VR_title .VR_title_list dd img{ max-height: 61px;} .VR .VR_title .VR_title_list dt{ font-size: 16px; color: #000000;} .VR .VR_title .VR_title_list .title_list_txt{ position: absolute; width: calc(100% - 40px); height: 100%; font-size: 14px; color: #fff; text-align: center; background: #901620; left: 0; top: 0; opacity: 0; transition: all 0.5s ease; display: flex; flex-direction: column; justify-content: center; padding:0px 20px;} .VR .VR_title .VR_title_list:hover .title_list_txt{ opacity: 1; transition: all 0.5s ease;} .ITeam .content_txt_team{ display: flex; align-items: center;} .ITeam .content_txt_team .content_txt_team_left{ display: inline-block; width: 30%; position: relative; margin-right: .5%;} .ITeam .content_txt_team .content_txt_team_left .team_left_img img{ width: 100%;} .ITeam .content_txt_team .content_txt_team_left .team_left_txt{ position: absolute; width: calc(100% - 80px); bottom: 50px; padding: 0px 40px;} .ITeam .content_txt_team .content_txt_team_left .team_left_txt dd{ font-size: 40px; color: #fff; margin-bottom: 15px;} .ITeam .content_txt_team .content_txt_team_left .team_left_txt dt p{ font-size: 14px; color: #fff; line-height: 24px;} .ITeam .content_txt_team .content_txt_team_right{ width: 69.6%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list{ height: 250px; position: relative; width: 24.2%; margin-right: 1%; margin-bottom: 1%; background: #eeeeee; display: inline-block; position: relative;} .ITeam .content_txt_team .content_txt_team_right .team_right_list img{ width: 100%; height: 250px; object-fit: cover;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); left: 0; top: 0; text-align: center; opacity: 0; transition: all 0.5s ease; display:flex; flex-direction:column; justify-content:center;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt dd{ font-size: 16px; color: #fff; margin-bottom: 15px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt dt p{ color: #fff; font-size: 14px ;line-height: 20px; opacity: .8;} .ITeam .content_txt_team .content_txt_team_right .team_right_list::before{ content: ""; position: absolute; display: inline-block; width: 98%; height: 98%; border: 3px solid #901620; z-index: 5; opacity: 0; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list.on::before{ opacity: 1; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list.on .right_list_txt{ opacity: 1; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:hover::before{ opacity: 1; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:hover .right_list_txt{ opacity: 1; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(3)::before,.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(5)::before,.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(8)::before,.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(10)::before,.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(12)::before{ display: none;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(9),.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(10),.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(11),.ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(12){ margin-bottom: 0px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(4n){ margin-right: 0px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a{ position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; width: 100%; text-align: center;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dd{ font-size: 24px; color: #555555;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dd span{ font-size: 50px; color: #222222;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dt{ color: #444444; font-size: 16px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_Seniority{ width: 128px; line-height: 34px; border: 1px solid #901620; border-radius: 100px; font-size: 16px; color: #901620; transition: all 0.5s ease;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:hover .right_list_Seniority{ background: #901620; color: #fff; transition: all 0.5s ease;} .IConstruction{ padding: 0px;} .IConstruction .IConstruction_content .IConstruction_content_list{ display: inline-block; width: 24.25%; margin-right: 1%; position: relative; margin-bottom: 1%; transition: all 0.5s ease;} .IConstruction .IConstruction_content .IConstruction_content_list:nth-child(4n){ margin-right: 0px;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_img img{ width: 100%; height: 250px; object-fit: cover;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_title{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); font-size: 16px; color: #fff; line-height: 44px; text-align: center; opacity: 1; transition: all 0.5s ease;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_hover{ position: absolute; top: 0 ;left: 0; background: rgba(0,0,0,.69); height: 100%; text-align: center; padding: 0px 60px; display: flex; flex-direction: column; justify-content: center; line-height: 25px; opacity: 0; transition: all 0.5s ease;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_hover dd{ font-size: 16px; color: #fff; margin-bottom: 15px;} .IConstruction .IConstruction_content .IConstruction_content_list:hover .content_list_title{ opacity: 0; transition: all 0.5s ease;} .IConstruction .IConstruction_content .IConstruction_content_list:hover .content_list_hover{ opacity: 1; transition: all 0.5s ease;} .IService .IService_content .IService_content_list{ width: 14%; text-align: center; position: relative;} .IService .IService_content .IService_content_list::before{ content: ""; position: absolute; display: inline-block; width: 155px; height: 1px; background: #d8d8d8; right: -75px; bottom: 15px;} .IService .IService_content .IService_content_list:last-child::before{ display: none;} .IService .IService_content .IService_content_list .content_list_top dd{ line-height: 60px;} .IService .IService_content .IService_content_list .content_list_top dd img{ max-height: 59px;} .IService .IService_content .IService_content_list .content_list_top dt{ font-size: 18px; color: #333333; margin-top: 25px;} .IService .IService_content .IService_content_list .content_list_top p{ font-size: 14px; color: #333333;} .IService .IService_content .IService_content_list .content_list_bottom{ display: flex;justify-content: center; margin-top: 20px;} .IService .IService_content .IService_content_list .content_list_bottom span{ width: 30px; height: 30px; border-radius: 100%; border: 1px solid #b9b9b9; display: flex; align-items: center; justify-content: center; color: #ababab;} .INews{ padding-top: 0px;} .INews .INews_content .INews_content_list .content_list_video{ width: 45%;} .INews .INews_content .INews_content_list .content_list_video .list_video_title{ position: relative; cursor: pointer;} .INews .INews_content .INews_content_list .content_list_video .list_video_title dd{ background: #000;} .INews .INews_content .INews_content_list .content_list_video .list_video_title dd img{ opacity: .7; width: 100%; height: 360px; object-fit: cover;} .INews .INews_content .INews_content_list .content_list_video .list_video_title dt{ position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%;} .INews .INews_content .INews_content_list .content_list_video .list_video_txt{ line-height: 40px; background: #ebebeb; padding: 0px 30px;} .INews .INews_content .INews_content_list .content_list_video .list_video_txt dd{ font-size: 16px; color: #333333; position: relative; padding-left: 10px;} .INews .INews_content .INews_content_list .content_list_video .list_video_txt dd::before{ content: ""; position: absolute; display: inline-block; width: 2px; background: #222222; height: 16px; top: 50%; transform: translateY(-50%); left: 0;} .INews .INews_content .INews_content_list .content_list_video .list_video_txt a{ font-size: 16px; color: #333333;} .INews .INews_content .INews_content_list .content_list_video .list_video_txt a img{ margin-left: 13px;} .INews .INews_content .INews_content_list .content_list_right{ width: 54%; margin-left: 1%;} .INews .INews_content .INews_content_list .content_list_right .list_right_list{ display: inline-block; width: 49%; position: relative; overflow: hidden;} .INews .INews_content .INews_content_list .content_list_right .list_right_list:nth-child(2n){ float: right;} .INews .INews_content .INews_content_list .content_list_right .list_right_list dd img{ width: 100%; height: 193px; object-fit: cover;} .INews .INews_content .INews_content_list .content_list_right .list_right_list dt{ position: absolute; bottom: -30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: rgba(144,22,32,.75); left: 0; width: 100%; opacity: 0; transition: all 0.5s ease;} .INews .INews_content .INews_content_list .content_list_right .list_right_list:hover dt{ bottom: 0; opacity: 1; transition: all 0.5s ease;} .INews .INews_content .INews_content_list .content_list_right .list_right_list:nth-child(1),.INews .INews_content .INews_content_list .content_list_right .list_right_list:nth-child(2){ margin-bottom: 14px;} .IPartner{ padding-top: 0px;} .IPartner .IPartner_content .IPartner_content_list{ display: inline-block; width: 16.5%; height: 130px; display: flex; align-items: center; justify-content: center; float: left; border: 1px solid #dcdcdc; margin-right: -1px; padding: 0px 25px; margin-bottom: -1px;} .IPartner .IPartner_content .IPartner_content_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.15);} .IPartner .IPartner_content .IPartner_content_list img{ max-width: 100%;} .link{ background: #181818; padding: 40px 0px;} .link .link_title{ margin-bottom: 15px;} .link .link_title a{ display: inline-block; padding: 0px 20px; line-height: 35px; color: #a3a3a3; font-size: 14px; background: #3e3e3e; margin-right: 5px;} .link .link_title a.on{ color: #fff;} .link .link_content a{ color: #a3a3a3; font-size: 14px; margin-right: 15px; margin-top: 8px; float: left;} .link .link_content a:hover{ color: #fff;} .footer{ background: url(../image/bg71.jpg) no-repeat 50%/cover; padding-top: 44px;} .footer .footer_bottom .footer_bottom_left{ margin-top: 60px;} .footer .footer_bottom .footer_bottom_left .bottom_left_list{ margin-right: 120px;} .footer .footer_bottom .footer_bottom_left .bottom_left_list dd{ margin-bottom: 20px;} .footer .footer_bottom .footer_bottom_left .bottom_left_list dd a{ font-size: 16px; color: #a3a3a3;} .footer .footer_bottom .footer_bottom_left .bottom_left_list dt a{ font-size: 14px; color: #6d6d6d; display: inline-block;} .footer .footer_bottom .footer_bottom_left .bottom_left_list dt p{ margin-bottom: 10px; font-size: 14px; color: #6d6d6d;} .footer .footer_bottom .footer_bottom_left .bottom_left_list dt p span{ font-size: 24px; color: #fff;} .footer .footer_bottom .footer_bottom_right .bottom_right_top{ padding-bottom: 10px;} .footer .footer_bottom .footer_bottom_right .bottom_right_top a{ font-size: 16px; color: #787878; margin-bottom: 15px; display: flex; align-items: center;} .footer .footer_bottom .footer_bottom_right .bottom_right_top a img{ margin-right: 15px;} .footer .footer_bottom .footer_bottom_right .bottom_right_bottom dt{ color: #a3a3a3; font-size: 16px; margin-top: 13px;} .Copyright{ font-size: 14px; color: #6d6d6d; text-align: center; line-height: 24px; padding: 20px 0px; border-top: 1px solid rgba(255,255,255,.23); margin-top: 60px; margin-bottom:0px;} .Copyright a{ font-size: 14px; color: #6d6d6d;} .video_w{ display:none;} .video_w.on{ display:block;} .video_w .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%; z-index:120;} .video_w .list_video_content{ width:70%; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index:121; } .video_w .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;} .video_w .list_video_content .video_content_close span{ color:#fff; font-size:25px;} .video_w .list_video_content video{ width:100%;} .details_banner img{ width: 100%; height: 720px; object-fit: cover;} .about_nav{ border-bottom: 1px solid #e7e7e7;} .about_nav .about_nav_left a{ display: inline-block; line-height: 70px; color: #333333; font-size: 16px; margin-right: 60px;} .about_nav .about_nav_left a.on{ color: #b01f30;} .about_nav .about_nav_right{ line-height: 70px; display: flex; align-items: center;} .about_nav .about_nav_right a{ color: #888888; font-size: 14px;} .about_nav .about_nav_right a img{ margin-right: 5px;} .about_nav .about_nav_right span{ color: #888888; font-size: 14px; margin: 0px 10px;} .about_nav .about_nav_right a.on{ color: #b01f30;} .about{ background: #faf4f6;} .about .about_left{ width: calc(50% - 17%); padding-left: 13%; padding-top: 80px; padding-right: 4%;} .about .about_left .about_left_title dd{ font-size: 70px; color: #f1ecee; margin-bottom: 5px;} .about .about_left .about_left_title dt{ color: #333333; font-size: 34px; font-weight: bolder; margin-bottom: 40px;} .about .about_left .about_left_title p{ color: #666666; font-size: 16px; line-height: 35px; text-align: justify;} .about .about_left .about_left_bottom{ display: flex; width: 1223px; background: rgba(255,255,255,.8); margin-top: 75px; position: relative; z-index: 5;} .about .about_left .about_left_bottom .left_bottom_list{ width: 25%; text-align: center; padding: 70px 0px; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list dd{ font-size: 16px; color: #666666; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list dt{ font-size: 68px; color: #b01f30; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list p{ font-size: 16px; color: #666666; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list:hover{ background: #b01f30; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list:hover dd{ color: #fff; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list:hover dt{ color: #fff; transition: all 0.5s ease;} .about .about_left .about_left_bottom .left_bottom_list:hover p{ color: #fff; transition: all 0.5s ease;} .about .about_right{ width: 50%;} .about .about_right img{ width: 100%; height:960px; object-fit:cover;} .honor{ padding: 80px 0px;} .honor .honor_title{ text-align: center; margin-bottom: 60px;} .honor .honor_title dd{ font-size: 35px; color: #373737; font-weight: bolder;} .honor .honor_title dd span{ margin: 0px 30px;} .honor .honor_title dt{ font-size: 18px; color: #555555; margin-top: 10px;} .honor .swiper-container { width: 100%; margin-bottom: 70px; } .honor .swiper-slide{ background-position: center; background-size: cover; width: 370px;} .honor .swiper-container-3d .swiper-slide-shadow-left{ background-image:inherit;} .honor .swiper-container-3d .swiper-slide-shadow-right{ background-image:inherit;} .honor .honor_strength{ margin-top: 55px; margin-bottom: 70px;} .honor .honor_strength .honor_strength_list{ width: 30.66%; margin-right: 4%;} .honor .honor_strength .honor_strength_list:last-child{ margin-right: 0px;} .honor .honor_strength .honor_strength_list dd{ font-size: 26px; color: #fff; line-height: 58px; text-align: center; background: #b01f30;} .honor .honor_strength .honor_strength_list dt{ text-align: center; border: 1px solid #dcdcdc; height: 460px; display: flex; align-items: center; justify-content: center;} .honor .honor_strength .honor_strength_list dt img{ max-width: 100%;} .honor .honor_client .honor_client_top{ padding-bottom: 40px;} .honor .honor_client .honor_client_top .client_top_list{ width: 100%; margin:0px 8px; outline:none;} .honor .honor_client .honor_client_top .client_top_list img{ width: 100%;} .honor .honor_client .honor_client_top .client_top_list:last-child{ margin-right: 0px;} .honor .honor_client .honor_client_bottom{ display:flex; align-items:center; flex-direction:row;} .honor .honor_client .honor_client_bottom .client_bottom_list{ font-size: 22px; color: #333333; line-height: 52px; border: 1px solid #989898; width: 32%; margin-right: 2%; text-align: center;} .honor .honor_client .honor_client_bottom .client_bottom_list:last-child{ margin-right: 0px;} .honor .swiper-button-next,.honor .swiper-button-prev{ outline: none;} .honor .swiper-button-next:after,.honor .swiper-button-prev:after{ color: #8a8a8a;} .honor .swiper-button-next:hover:after,.honor .swiper-button-prev:hover:after{ color: #b01f30;} .honor .slick-prev,.honor .slick-next{ width: 52px; height: 52px; border-radius: 100%; background: #a9a9a9; transform: translateY(-50%);} .honor .slick-prev:before,.honor .slick-next:before{ color: #fff; font-size: 22px;} .honor .slick-prev:hover,.honor .slick-next:hover{ background: #b01f30;} .Dteam{ padding-bottom: 0px;} .Advantage{ background: url(../image/bg21.jpg) no-repeat 50%/cover; text-align: center; padding: 120px 0px;} .Advantage dd{ margin-bottom: 40px; font-size: 36px; color: #fff; font-weight: bolder;} .Advantage dd span{ margin: 0px 30px;} .Advantage dt span{ font-size: 22px; color: #fff; margin-right: 44px;} .Advantage dt span:last-child{ margin-right: 0px;} .construction .construction_content{ padding: 0px 110px;} .construction .construction_content .construction_content_list{ margin: 0px 15px; outline: none; border-radius: 5px; overflow: hidden;} .construction .construction_content .construction_content_list img{ width: 100%;} .construction .slick-prev,.construction .slick-next{ width: 52px; height: 52px; border-radius: 100%; background: #a9a9a9; transform: translateY(-50%);} .construction .slick-prev:before,.construction .slick-next:before{ color: #fff; font-size: 22px;} .construction .slick-prev:hover,.construction .slick-next:hover{ background: #b01f30;} .Pledge{ padding: 0px;} .Pledge .pc_all_contnet{ padding: 0px 80px;} .Pledge .Pledge_content{ background: url(../image/bg24.jpg) no-repeat 50%/cover; text-align: center; padding: 120px 0px;} .Pledge .Pledge_content .Pledge_content_list{ display: flex; align-items: auto; justify-content: center;} .Pledge .Pledge_content .Pledge_content_list .content_list_l{ width: 32%; margin-right: 2%; margin-bottom: 2%; border: 1px solid rgba(255,255,255,.5); padding: 15px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_bg{ display: flex; align-items: center; background: rgba(0,0,0,.45); padding: 35px 0px; justify-content: center;} .Pledge .Pledge_content .Pledge_content_list .content_list_l:last-child{ margin-right: 0px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right{ margin-left: 30px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right dd{ font-size: 22px; color: #fff; margin-bottom: 10px; text-align: left;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right dt{ font-size: 16px; color: #fff; text-align: left;} .pc_honor{ display:block;} .mo_honor{ display:none;} .Environmental{ padding: 80px 0px; padding-bottom: 0px;} .Environmental .honor_title{ padding-top: 45px; margin-bottom: 0px;} .Environmental .pc_all_contnet{ background: url(../image/bg25.jpg) no-repeat 50%/cover;} .Environmental .Environmental_content{ padding: 75px 125px;} .Environmental .Environmental_content img{ max-width: 100%;} .strength_bottom img{ max-width: 100%;} .reservation{ padding-bottom: 85px;} .reservation .reservation_content .reservation_content_title{ text-align: center; margin-bottom: 45px;} .reservation .reservation_content .reservation_content_title dd{ font-size: 50px; color: #222222; font-weight: bolder; margin-bottom: 13px;} .reservation .reservation_content .reservation_content_txt{ box-shadow: 0px 0px 25px rgba(0,0,0,.34); padding: 40px 12%;} .reservation .reservation_content .reservation_content_txt .content_txt_left{ width: 35%;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_title{ color: #333; font-size: 26px; text-align: center; margin-bottom: 22px;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_title span{ color: #fa7217;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list{ border: 1px solid #dcdcdc; line-height: 46px; display: flex; margin-bottom: 15px;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list dd{ width: 10%; text-align: center;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list dt{ width: 90%;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list dt input{ width: 100%; padding-right: 15px; line-height: 40px;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_submit{ width: 100%;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_submit input{ width: 100%; line-height: 45px; border-radius: 5px; background: #fa7217; font-size: 18px; color: #fff; cursor: pointer;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_bottom{ text-align: center; font-size: 14px; color: #999; margin-top: 15px;} .reservation .reservation_content .reservation_content_txt .content_txt_right{ text-align: right; padding: 45px 0px;} .reservation .form_bottom_content{ margin: 0px; margin-top: 15px;} .reservation .reservation_content .reservation_content_txt .content_txt_right img{ max-width: 100%;} .form_bottom_content{ margin: 20px 35px;} .form_bottom_content p{ font-size: 15px; color: #444444; position: relative; padding: 3px 0px; padding-left: 15px;} .form_bottom_content p span{ color: #666666; margin-right: 25px;} .form_bottom_content p::before{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #901620; left: 0; top: 38%;} .culture{ background: url(../image/bn42.png) no-repeat 50% 20%; padding: 65px 0px;} .culture .pc_all_contnet{ padding: 0px 220px; display: flex; align-items: center;} .culture .culture_left{ width: 50%;} .culture .culture_right{ width: 50%; padding-right: 6%;} .culture .culture_right .culture_right_title{ margin-bottom: 65px;} .culture .culture_right .culture_right_title dd{ font-size: 18px;color: #777777; text-transform: uppercase;} .culture .culture_right .culture_right_title dt{ font-size: 36px;color: #151515; font-weight: bolder;} .culture .culture_right .culture_right_content .right_content_list{ width: 40%; position: relative;} .culture .culture_right .culture_right_content .right_content_list::before{ content: ""; display: inline-block; width: 52px; height: 4px; background: #b01f30; margin-bottom: 5px;} .culture .culture_right .culture_right_content .right_content_list dd{ font-size: 22px; color: #151515; padding-right: 30px; margin-bottom: 30px;} .culture .culture_right .culture_right_content .right_content_list dt{ font-size: 14px; color: #777777; line-height: 26px;} .Manage{ background: #f06a6a;} .Manage .Manage_title{ padding-bottom: 60px;} .Manage .Manage_title dd{ font-size: 14px; color: #fff; text-transform: uppercase;} .Manage .Manage_title dt{ font-size: 28px; color: #fff;} .Manage .Manage_content{ display: flex; align-items:center; justify-content:space-between; flex-direction: row; flex-wrap: wrap; } .Manage .Manage_content .Manage_content_left{ width: 33%;} .Manage .Manage_content .Manage_content_left .content_left_list dd{ font-size: 42px; color: #fff; position: relative; margin-bottom: 30px; padding-bottom: 35px;} .Manage .Manage_content .Manage_content_left .content_left_list dd::before{ content: ""; position: absolute; display: inline-block; width: 64px; height: 4px; background: #fff; bottom: 0px; left: 0;} .Manage .Manage_content .Manage_content_left .content_left_list dt{ font-size: 14px; color: #fff; line-height: 26px;} .Manage .Manage_content .Manage_content_center{ width:59%; text-align:center;} .Manage .Manage_content .Manage_content_right{ width:8%;} .Manage .Manage_content .Manage_content_right p{ color: #fff; font-size: 22px; margin-bottom: 25px; opacity: .5; cursor:pointer; position:relative;transition: all 0.3s ease 0s;} .Manage .Manage_content .Manage_content_right p:before{ content:""; position:absolute; display:inline-block; width:21px; height:3px; background:#fff; transform:translateY(-50%); top:50%; left:0px;transition: all 0.3s ease 0s; opacity:0;} .Manage .Manage_content .Manage_content_right p:hover:before{ left:-40px;transition: all 0.3s ease 0s; opacity:1;} .Manage .Manage_content .Manage_content_right p.on:before{ left:-40px;transition: all 0.3s ease 0s; opacity:1;} .Manage .Manage_content .Manage_content_right p:last-child{ margin-bottom: 0px;} .Manage .Manage_content .Manage_content_right p.on{ opacity: 1;} .Values{ padding:45px 0px; background:#f2f2f2; padding-bottom:85px;} .Values .Values_txt .Values_txt_list{ width:49%;} .Values .pc_all_contnet{ padding: 0px 190px;} .Values .Values_title{ text-align:center; margin-bottom:40px;} .Values .Values_title dd{ font-size:30px; color:#151515; font-weight:bolder; margin-bottom:35px;} .Values .Values_title dt{ font-size:14px; color:#777777; line-height:24px; text-align:center; padding:0px 45px;} .Values .Values_txt .Values_txt_list img{ width:100%;} .Values .Values_txt .Values_txt_list:nth-child(2n){ float:right;} .TeamWork{ background:#fff;} .TeamWork .pc_all_contnet{ padding: 0px;} .TeamWork .TeamWork_content .TeamWork_content_left{ width:61%;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list{ width:32%; margin-right:2%;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list:last-child{ margin-right:0px;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title{ background:#f7f7f7; border:1px solid #d9d9d9; padding:94px 40px; width:100%;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dd{ font-size:26px; color:#666666; position:relative; padding-bottom:12px; margin-bottom:12px; font-weight:bolder;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dd:before{ content:""; position:absolute; display:inline-block; bottom:0; left:0; width:42px; height:2px; background:#c1c1c1;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dt{ font-size:16px; color:#666666;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_img img{ width:100%;} .TeamWork .TeamWork_content .TeamWork_content_right{ width:38%; position:relative;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_img img{ width:100%;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_title{ position:absolute; bottom:25px; left:0; width:100%; padding:0px 25px;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_title dd{ font-size:26px; color:#fff; position:relative; padding-bottom:12px; margin-bottom:12px; font-weight:bolder;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_title dd:before{ content:""; position:absolute; display:inline-block; bottom:0; left:0; width:42px; height:2px; background:#fff;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_title dt{ font-size:16px; color:#fff;} .join{ padding:60px 0px;} .join .join_top .join_top_title{ text-align:center;} .join .join_top .join_top_title dd{ font-size:30px; color:#333333; margin-bottom:23px;} .join .join_top .join_top_title dt{ font-size:14px; color:#666666; line-height:26px;} .join .join_top .join_top_content{ background: url(../image/bg33.jpg) no-repeat 50%/cover; margin-top:25px; display:flex; align-items:center; justify-content:center; padding:75px 150px;} .join .join_top .join_top_content .top_content_list{ background:#fff; width:31%; margin-right:4%; border-radius:6px; padding:40px 70px;} .join .join_top .join_top_content .top_content_list dd{ text-align:center; margin-bottom:24px;} .join .join_top .join_top_content .top_content_list dt{ font-size:20px; color:#333333; text-align:center; padding-bottom:14px; position:relative; margin-bottom:24px;} .join .join_top .join_top_content .top_content_list dt:before{ content:""; position:absolute; display:inline-block; width:32px; height:2px; background:#df2828; bottom:0px; left:0; right:0; margin:0 auto;} .join .join_top .join_top_content .top_content_list p{ font-size:14px; color:#555555; line-height:24px; text-align:justify;} .join .join_top .join_top_content .top_content_list:last-child{ margin-right:0px;} .join .join_nei_body{ margin-top:20px;} .join .join_nei_body .nei_body_xun{ width: calc(47% - 71px); padding: 30px 40px; background: #fff; overflow: hidden; position: relative; border: 3px solid #e5e5e5;} .join .join_nei_body .nei_body_xun .body_xun_title{padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;} .join .join_nei_body .nei_body_xun .body_xun_title .xun_title_left{ font-size: 18px; color: #333333; line-height: 36px;} .join .join_nei_body .nei_body_xun .body_xun_title .xun_title_right{ font-size: 13px; color: #fff; background: #bfbfbf; line-height: 36px; padding: 0px 24px; border-radius: 5px;} .join .join_nei_body .nei_body_xun .body_xun_wen{ height: 145px; overflow: hidden;} .join .join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun{ padding-top: 20px;} .join .join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun:last-child{ margin-bottom: 0px;} .join .join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dd{ color: #333333; font-size: 16px; padding-bottom: 15px;} .join .join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dt p{ color: #666666; font-size: 13px; line-height: 24px;} .join .join_nei_body .nei_body_xun .dian{ position: absolute; bottom: 10px; right: 45px;} .join .join_nei_body .nei_body_xun .dian .sq{ display: none;} .join .join_nei_body .nei_body_xun .dian a{ color: #da251c; font-size: 12px; display: inline-block;} .join .join_nei_body .nei_body_xun .dian a i{ padding-left: 5px;} .join .join_nei_body .nei_body_xun{ margin-right: 4%; margin-top: 45px;} .join .join_nei_body .nei_body_xun:nth-child(2n){ margin-right: 0px;} .join .join_nei_body .nei_body_xun:hover .body_xun_title .xun_title_right{ background: #da251c;} .contact .contact_top{ padding: 0px 100px; padding-bottom:70px;} .contact .contact_top .contact_top_title{ font-size:30px; color:#333333; text-align:center; padding:50px 0px;} .contact .contact_top .contact_top_content .top_content_list{ width:30%; margin-right:5%; box-shadow:0px 7px 21px rgba(18,31,42,.15); text-align:center; padding:45px 0px;} .contact .contact_top .contact_top_content .top_content_list:last-child{ margin-right:0px;} .contact .contact_top .contact_top_content .top_content_list .content_list_top dd{ line-height:55px;} .contact .contact_top .contact_top_content .top_content_list .content_list_top dt{ font-size:22px; color:#555555; margin-top:10px; position: relative; padding-bottom:18px; margin-bottom:15px;} .contact .contact_top .contact_top_content .top_content_list .content_list_top dt:before{ content:""; position:absolute; display:inline-block; width:23px; height:3px; background:#e0e0e0; bottom:0; left:0; right:0; margin:0 auto;} .contact .contact_top .contact_top_content .top_content_list .content_list_bottom{ color:#888888; font-size:14px; line-height:26px;} .contact_map{ position:relative;} .contact_map .contact_map_top{ height:545px;} .contact_map .contact_map_bottom{ position:absolute; top:0%; background:rgba(255,255,255,.9); width:490px; padding:40px 35px; left:16%; top:50%; transform:translateY(-50%);} .contact_map .contact_map_bottom dd{ font-size:22px; color:#444444; margin-bottom:25px;} .contact_map .contact_map_bottom dt{ font-size:14px; color:#444444; line-height:30px;} .contact_map .contact_map_bottom dt p img{ margin-right:10px;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .pop .bottom{ height:25px !important;} .pop .center{ width:275px !important;} .city_w{ position: fixed; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); top:0; left:0; z-index:50; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; opacity:0; } .city_w.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; opacity:1; } .city_w .city_w_bg{ width:500px; border-radius:5px; padding:10px; background:rgba(0,0,0,.5);} .city_w .city_w_bg .city_w_bg_padding{ background:#fff; padding: 15px;} .city_w .city_w_title{ position:relative; margin-bottom:20px; line-height:40px;} .city_w .city_w_title dd{ font-size:20px; color:#000;} .city_w .city_w_title dt{ float:right; font-size:15px; color:#373737;} .city_w .city_w_title dt a{ font-size:15px; color:#373737; margin-right:10px;} .city_w .city_w_title dt a:hover{ color:#d21928;} .city_w .city_w_title dt a:last-child{ margin-right:0px;} .city_w .city_w_title .city_close{ height:30px; width:30px; border-radius:100%; border:3px solid #fff; background:rgba(0,0,0,.5); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; position:absolute; top:-40px; right:-40px;} .city_w .city_w_content .w_content_list{ font-size:15px; color:#373737; width:48%; margin-bottom:13px;} .city_w .city_w_content .w_content_list:nth-child(2n){ float:right;} .city_w .city_w_content .w_content_list a{ font-size:15px; color:#373737;} .city_w .city_w_content .w_content_list span{ margin-right:18px;} .city_w .city_w_content .w_content_list a:hover{ color:#d21928;} .WService_bg{ position: fixed; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); top:0; left:0; z-index:80; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; opacity:0; } .WService_bg.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; opacity:1; } .WService{ display:flex; align-items:center;} .WService .WService_left{ width:393px; background:#901620 url(../image/bn59.png) no-repeat 50% 100%; padding-top:112px; min-height: calc( 661px - 112px);} .WService .WService_left .WService_left_title{ text-align:center; font-size:34px; color:#fff; margin-bottom:50px;} .WService .WService_left .WService_left_content{ padding-left:50px;} .WService .WService_left .WService_left_content .left_content_list{ display:flex; align-items:center; margin-bottom:45px;} .WService .WService_left .WService_left_content .left_content_list:last-child{ margin-bottom:0px;} .WService .WService_left .WService_left_content .left_content_list .content_list_img{ width:60px;} .WService .WService_left .WService_left_content .left_content_list .content_list_txt{ margin-left:22px;} .WService .WService_left .WService_left_content .left_content_list .content_list_txt dd{ font-size:22px; color:#fff; margin-bottom:5px;} .WService .WService_left .WService_left_content .left_content_list .content_list_txt dt{ font-size:14px; color:#fff;} .WService .WService_right{ width:506px; background:#fff; min-height:661px; position:relative;} .WService .WService_right .WService_right_title{ font-size:36px; color:#e10c1e; text-align:center; padding-top:112px;} .WService .WService_right .WService_right_content{ padding:0px 45px;} .WService .WService_right .WService_right_content .right_content_list{ margin-bottom:20px; position:relative;} .WService .WService_right .WService_right_content .right_content_list span{ position:absolute; right:0; top:50%; transform:translateY(-50%);} .WService .WService_right .WService_right_content .right_content_list:last-child{ margin-bottom:0px;} .WService .WService_right .WService_right_content .right_content_list input{ border-bottom:1px solid #c4c4c4; line-height:60px; width:100%; font-size:16px; color:#333;} .WService .WService_right .WService_right_content .right_content_submit{ margin-top:60px;} .WService .WService_right .WService_right_content .right_content_submit input{ line-height:54px; background:#901620; color:#fff; font-size:18px; text-align:center; cursor:pointer;} .WService .WService_right .WService_right_content .right_content_bottom{ font-size:14px; color:#888888; text-align:center;} .WService .WService_right .WService_right_content .right_content_bottom b{ color:#e10c1e;} .WService_close{ position:absolute; top:0px; right:20px; font-size:40px; color:#999;} .advisory{ position:fixed; right:22px; top:30%; width:66px;} .advisory a{ display:inline-block; width:66px; border-radius:5px; text-align:center; background:#901620; padding:9px 0px; margin-bottom:3px;} .advisory a dt{ font-size:12px; color:#fff; margin-top:5px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list{ display:inline-block; width:11.11%; float:left; text-align:center; padding:33px 0px; position:relative;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list:before{ content:""; position:absolute; display:inline-block; width:1px; height:45px; background:#dcdcdc; right:0; top:50%; transform:translateY(-50%);} .DesignDraft_top .DesignDraft_top_nav .top_nav_list:hover dt{ color:#901620;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list dt{ font-size:18px; color:#333333; margin-top:10px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list:last-child:before{ display:none;} .DesignDraft_top .DesignDraft_top_bottom{ margin-top:20px; display:none;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list{ margin-bottom:16px;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dd{ font-weight:bolder; font-size:16px; color:#333333; width:6%;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt{ width:92%;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt a{ font-size:16px; color:#666666; margin-right:45px; margin-bottom:8px; display:inline-block;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt a.on{ color:#901620;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt a:hover{ color:#901620;} .DesignDraft{ background:#f5f5f5; padding:55px 0px; padding-top:0px;} .DesignDraft .DesignDraft_page{ font-size:14px; color:#999999; margin-bottom:16px; display:flex; align-items:center;} .DesignDraft .DesignDraft_page a{ font-size:14px; color:#999999;} .DesignDraft .DesignDraft_page i{ margin:0px 8px;} .DesignDraft .DesignDraft_page h1{ color:#920a0d; font-size:14px; font-weight:normal;} .DesignDraft .DesignDraft_page_title{ font-size:24px; color:#333333; margin-top:12px; border-left:4px solid #db153a; padding-left:6px; line-height:26px; margin-bottom:30px;} .DesignDraft .DesignDraft_page_title span{ font-size:14px; color:#999999; text-transform:uppercase; margin-left:15px;} .DesignDraft .DesignDraft_page_content .page_content_list{ display:inline-block; width:32.5%; margin-right:1%; margin-bottom:1%;} .DesignDraft .DesignDraft_page_content .page_content_list:nth-child(3n){ margin-right:0px;} .DesignDraft .DesignDraft_page_content .page_content_list:hover{ box-shadow:0px 0px 15px rgba(0,0,0,.2);} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img{ width:100%; position:relative; overflow:hidden;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img .list_img_dt{ position:absolute; bottom:-40px; left:0; width:100%; display:flex; align-items:center; height:40px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img .list_img_dd{ display: inline-block; width:100%;} .DesignDraft .DesignDraft_page_content .page_content_list:hover .content_list_img .list_img_dt{ bottom:0px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img .list_img_dt dd{ background: rgba(0,0,0,.6); height:40px;display:flex; align-items:center; justify-content:center; width:20%; width: 100px; color: #fff; font-size:14px; } .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img .list_img_dt dd i{ margin-right:5px; position:relative; top:1px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img .list_img_dt a{ width:80%; background: #b01f30; height:40px;display:flex; align-items:center; justify-content:center; color: #fff !important; } .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img img{ width:100%; height:340px; object-fit:cover;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt{ background:#fff; display:flex; align-items:center; flex-direction:row; justify-content:space-between; padding:20px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top{ width:63%;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top{ width:100%;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top dd{ font-size:18px; color:#333333; margin-bottom:8px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top dt{ font-size:13px; color:#666666;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom{ display:flex; align-items:center;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom span{ display:inline-block; width:39px; height:39px; overflow:hidden; border-radius:100%; margin-right:13px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom span img{ width:39px; height:39px; object-fit:cover;} .case_img{ display:inline-block; width:100%;} .case_img img{ width:100%; height:230px; object-fit:cover;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt{ display:block; padding:7px 20px;} .DesignRecommend .DesignDraft_page_content .page_content_list{ display:inline-block; width:285px; margin-bottom:22px; margin-right:-1px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_img img{ height:auto;} .DesignRecommend .DesignDraft_page_title .page_title_nav{ display:flex;} .DesignRecommend .DesignDraft_page_title .page_title_nav a{ font-size:14px; color:#999999;} .DesignRecommend .DesignDraft_page_title .page_title_nav a.on{ color:#db153a; text-decoration:underline;} .DesignRecommend .DesignDraft_page_title .page_title_nav a:hover{ color:#db153a; text-decoration:underline;} .DesignRecommend .DesignDraft_page_title .page_title_nav span{ margin:0px 15px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top{ padding-bottom:0px; border-bottom:0px; margin-bottom:15px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom{ padding-bottom:0px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top dd{ margin-bottom:0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom{ display:block;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom .txt_bottom_left{ font-size:15px; color:#999999; display:flex; align-items:center;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom .txt_bottom_left img{ margin-right:8px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom .txt_bottom_right{ font-size:15px; color:#999999;} .DesignRecommend_page{ display:flex; align-items:center; justify-content:center; padding-top:25px;} .DesignRecommend_page a{ display:inline-block; padding:0px 11px; border:1px solid #dbdbdb; background:#fff; line-height:30px; border-radius:3px; margin-right:11px;} .DesignRecommend_page a:hover{ color:#fff; background:#b01f30; border:1px solid #b01f30;} .DesignRecommend_page a.on{ color:#fff; background:#b01f30; border:1px solid #b01f30;} .footer_q{ background:#f5f5f5; padding-bottom:45px;} .footer_q .pc_all_contnet{ background:#fff;} .footer_q .footer_q_title{ border-bottom:1px solid #dcdcdc;} .footer_q .footer_q_title .q_title_left{ height:68px; display:flex; align-items:center; padding-left:25px;} .footer_q .footer_q_title .q_title_left a{ font-size:16px; color:#333333; margin-right:50px;line-height:65px; display:inline-block; border-bottom:3px solid #fff;} .footer_q .footer_q_title .q_title_left a:hover{ border-bottom:3px solid #b01f30; color:#b01f30; font-weight:bolder;} .footer_q .footer_q_title .q_title_left a.on{ border-bottom:3px solid #b01f30; color:#b01f30; font-weight:bolder;} .footer_q .footer_q_title .q_title_right{ font-size:14px; color:#666666; line-height:22px; width:66%; height:68px; display:flex; align-items:center; padding-right:25px;} .footer_q .footer_q_txt{ padding:20px 25px;} .footer_q .footer_q_txt .q_txt_list a{ font-size:14px; color:#666666; margin-right:20px; margin-bottom:5px; display:inline-block;} .footer_q .footer_q_txt .q_txt_list a:hover{ color:#b01f30;} .footer_q .footer_q_txt .q_txt_img{ overflow:hidden;} .footer_q .footer_q_txt .q_txt_list li{ display:inline-block; float:left;} .wrap-page-pic .wrap{ max-width:1500px;} .details_banner{ position: relative;} .details_banner .top_content{ max-width: 1500px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; height: 100%;} .details_banner .top_content_left{ display: inline-block; position:absolute; top:50%; transform:translateY(-50%);} .details_banner .top_content_left dd{ font-size:80px; color:#fff; position:relative; padding-bottom:28px; margin-bottom:20px; font-weight:600;} .details_banner .top_content_left dd:before{ content:""; position:absolute; bottom:0; left:0; height:1px; width:140px; background:rgba(255,255,255,.6);} .details_banner .top_content_left dt p{ font-size:40px; color:#fff;} .details_banner .top_content_left dt p span{ font-size:30px; margin:0px 15px;} .details_banner .top_content_left .content_left_btn { display:flex; align-items:center; margin-top:60px;} .details_banner .top_content_left .content_left_btn a{ display:inline-block; width:126px; height:36px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; border-radius:800px; font-size:14px; color:#fff;} .details_banner .top_content_left .content_left_btn a:last-child{ margin-left:23px;} .details_banner .top_content_left .content_left_btn a:hover{ background:#db153a; border:1px solid #db153a; } .details_banner .top_banner img{ width: 100%; height: 720px; object-fit: cover;} .details_banner .top_form{ position: absolute; width: 400px; background: rgba(255,255,255,.84); position: absolute; right: 0; border-radius: 6px; padding: 10px; top:50%; transform:translateY(-50%); } .details_banner .top_form .top_form_txt{ border: 1px solid rgba(144,22,32,.37); border-radius: 4px;} .details_banner .top_form .top_form_title{ text-align: center; margin-bottom: 20px; margin-top: 30px;} .details_banner .top_form .top_form_title dd{ font-size: 30px; color: #901620; margin-bottom: 10px;} .details_banner .top_form .top_form_title dt{ font-size: 18px; color: #901620;} .details_banner .top_form .top_form_content{ padding: 0px 55px;} .details_banner .top_form .top_form_content .form_content_list{ width: auto; display: flex; border: 1px solid #ababab; border-radius: 4px; overflow: hidden; margin-bottom: 10px; padding:0px 12px;} .details_banner .top_form .top_form_content .form_content_list dd{ font-size: 14px; color: #9b9b9b; width: 35%; line-height: 30px;} .details_banner .top_form .top_form_content .form_content_list dt{ width: 65%;} .details_banner .top_form .top_form_content .form_content_list dt input{ width: 100%; line-height: 30px; background: none; padding-right: 10px;} .details_banner .top_form .top_form_content .form_content_submit{ width: 100%;} .details_banner .top_form .top_form_content .form_content_submit input{ width: 100%; border-radius: 4px; background: #901620; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer;} .details_banner .top_form .top_form_bottom .form_bottom_title{ font-size: 20px; color: #444444; text-align: center; line-height: 62px; background: url(http://ks.zhuang520.com/yingxiao/skin/images/bn1.png) no-repeat 100% 100%;} .details_banner .top_form .top_form_bottom .form_bottom_title span{ color: #901620; margin: 0px 5px;} .form_bottom_content{ margin: 20px 29px;} .form_bottom_content p{ font-size: 15px; color: #444444; position: relative; padding: 3px 0px; padding-left: 15px;} .form_bottom_content p span{ color: #666666; margin-left: 15px;} .form_bottom_content p::before{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #901620; left: 0; top: 38%;} .s_left{ left:15px;} .s_right{ right:15px;} .s_left,.s_right{ position:absolute; top:50%; transform:translateY(-50%); width:35px; height:35px; border-radius:100%; background:rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; z-index:20; cursor:pointer;transition: all 0.5s ease 0s;} .s_left:hover{ background:#971421;transition: all 0.5s ease 0s;} .s_right:hover{ background:#971421;transition: all 0.5s ease 0s;} .RenderingsDtails{ background:#f5f5f5; padding-top:25px;} .RenderingsDtails .RenderingsDtails_left{ width:76%; background:#fff; padding-bottom: 34px;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-button-prev,.RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-button-next{ background:none;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-slide{ height:750px; width:100%; background:#fff; position:relative;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-slide img{ max-width:100%; max-height:750px; object-fit:cover; position:absolute; transform:translateX(-50%) translateY(-50%); left:50%; top:50%;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom{ padding:0px 45px; position:relative; margin-top:28px;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .swiper-button-next,.RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .swiper-button-prev{ width:24px; height:90px; display:flex; align-items:center; justify-content:center; background:#e8e8e8; outline:none; top:0px; margin-top:0px;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .swiper-button-prev{ left:0;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .swiper-button-next{ right:0;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .left_bottom_list{ border:1px solid #fff; cursor:pointer;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .left_bottom_list img{ width:100%; height:88px; object-fit:cover;} .RenderingsDtails .RenderingsDtails_left .RenderingsDtails_left_bottom .left_bottom_list.swiper-slide-thumb-active{ border:1px solid #920a0d;} .RenderingsDtails .RenderingsDtails_right{ width:22%;} .right_case_top{ padding:0px 16px; background:#fff;} .right_case_top .case_top_title{ height:120px; display:flex; align-items:center; border-bottom:1px solid #dcdcdc; padding:0px 0px;} .right_case_top .case_top_title .top_title_img{ width:80px; height:80px;position:relative;} .right_case_top .case_top_title .top_title_img dd{ width:24px; height:24px; border-radius:100%; display:flex; align-items:center; justify-content:center; border:1px solid #fff; background: linear-gradient(to right,#fac656, #f8a13f); position:absolute; bottom:7px; right:2px;} .right_case_top .case_top_title .top_title_img dd img{ height:auto; width:auto;} .right_case_top .case_top_title .top_title_img img{ width:100%; height:80px; object-fit:cover; overflow:hidden; border-radius:100%; } .right_case_top .case_top_title .top_title_txt{ margin-left:20px;} .right_case_top .case_top_title .top_title_txt .title_txt_t dd{ margin-bottom:6px;} .right_case_top .case_top_title .top_title_txt .title_txt_t dd b{ font-size:16px; color:#222222;} .right_case_top .case_top_title .top_title_txt .title_txt_t dd span{ font-size:12px; color:#666666; margin-left:9px;} .right_case_top .case_top_title .top_title_txt .title_txt_t dt{ font-size:12px; color:#666666; margin-bottom:9px;} .right_case_top .case_top_title .top_title_txt .title_txt_t dt span{ font-size:12px; color:#971421;} .right_case_top .case_top_title .top_title_txt .title_txt_b{ display:flex; align-items:center;} .right_case_top .case_top_title .top_title_txt .title_txt_b a:first-child{ margin-right:8px; background:#971421; color:#fff; border:1px solid #971421;} .right_case_top .case_top_title .top_title_txt .title_txt_b a{ display:inline-block; padding:0px 13px; border-radius:100px; border:1px solid #dcdcdc; height:28px; display:flex; align-items:center; justify-content:center;} .right_case_top .case_top_title .top_title_txt .title_txt_b a img{ margin-right:6px;} .right_case_top .case_top_txt{ padding:0px 5px;padding-bottom: 17px;} .right_case_top .case_top_txt .top_txt_title{ padding-top:23px; padding-bottom:18px;} .right_case_top .case_top_txt .top_txt_title dd{ font-size:16px; color:#333333; font-weight:bolder;} .right_case_top .case_top_txt .top_txt_title a{ font-size:14px; color:#666666;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_img{ border-radius:10px; overflow:hidden;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_img img{ width:100%; height:190px; object-fit:cover;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_title{ margin-top:12px; padding-bottom:22px;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_title dd{ font-size:16px; color:#333333; margin-bottom:8px;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_title dd span{ margin:0px 8px; display:inline-block;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_title dt{ font-size:12px; color:#999999;} .right_case_top .case_top_txt .top_txt_bottom .txt_bottom_title dt span{ margin:0px 8px; display:inline-block;} .wrap-page-pic .ab_main{ overflow:inherit;} .zx_bjia{ width:auto;} .details_banner2{ position:relative;} .details_banner2 img{ height:520px; width:100%; object-fit:cover;} .details_banner2 .details_banner2_content{ width:1200px; height:100%; top:0; left:0; position:absolute; right:0; margin:0 auto;} .details_banner2 .details_banner2_content .banner2_content_form{ padding:30px 25px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:10px; width:280px;} .details_banner2 .details_banner2_content .banner2_content_form img{ width:auto; height:auto;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_title{ text-align:center; margin-bottom:15px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_title dd{ font-size:26px; color:#333333; font-weight:bolder;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_title dt{ font-size:16px; color:#333333;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_title dt span{ color:#b01f30;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_txt .form_txt_list{ display:flex; align-items:center; height:40px; font-size:14px; color:#777777; font-weight:bolder; background:#f9efef; padding:0px 13px; margin-bottom:8px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_txt .form_txt_list input{ height:30px; display:flex; align-items:center; background:none; font-size:14px; color:#333; width:64%;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_txt .form_txt_list:last-child{ margin-bottom:0px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_txt .form_txt_select{ background:none; display:flex; align-items:center; justify-content:space-between; flex-direction:row; padding:0px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_txt .form_txt_select select{ width:32%; background:#f9efef; height:40px;display:flex; align-items:center; padding:0px 13px; font-size:14px; color:#777777; font-weight:bolder; border: none; outline: none; /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ background: #f9efef url(../image/cn16.png) no-repeat 90% 50%; } .details_banner2 .details_banner2_content .banner2_content_form .content_form_information{ display:flex; font-size:13px; color:#777777; font-weight:bolder; align-items:center; padding:17px 0px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_information img{ margin-right:8px;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_submit{ width:100%;} .details_banner2 .details_banner2_content .banner2_content_form .content_form_submit input{ height:42px; display:flex; align-items:center; justify-content:center; width:100%; border-radius:4px; background:#b01f30; color:#fff; font-size:16px; cursor:pointer;} .m1200 .pc_all_contnet{ max-width:1200px;} .SErvice{ padding:75px 0px; background: #fff url(../image/cn23.png) no-repeat 50% 100%; padding-bottom:82px;} .SErvice .SErvice_title{ text-align:center; margin-bottom:40px;} .SErvice .SErvice_title dd{ font-size:30px; color:#333333; font-weight:bolder;} .SErvice .SErvice_title dd span{ margin:0px 20px; display:inline-block;} .SErvice .SErvice_title dt{ font-size:18px; color:#777777; margin-top:12px;} .SErvice .SErvice_content .SErvice_content_list{ display:flex; width:23%; margin-right:2%; align-items:center; background:#ffefef; box-shadow: 10px 10px 0px #ffd8d8; border-radius:6px; justify-content:center; height:120px;} .SErvice .SErvice_content .SErvice_content_list:last-child{ margin-right:0px;} .SErvice .SErvice_content .SErvice_content_list .content_list_icon{ margin-right:20px;} .SErvice .SErvice_content .SErvice_content_list .content_list_txt dd{ font-size:22px; color:#333333; margin-bottom:5px;} .SErvice .SErvice_content .SErvice_content_list .content_list_txt dt{ font-size:16px; color:#777777;} .SErvice2{ background:#fff;} .SErvice2 .SErvice2_content .SErvice2_content_list{ background: url(../image/cn28.png) no-repeat 50% 0%; margin-right:6.5%; width:29%; padding-top:120px; position:relative;} .SErvice2 .SErvice2_content .SErvice2_content_list:nth-child(2){ background: url(../image/cn29.png) no-repeat 50% 0%;} .SErvice2 .SErvice2_content .SErvice2_content_list:nth-child(3){ background: url(../image/cn30.png) no-repeat 50% 0%;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_t{ box-shadow:0px 0px 12px rgba(0,0,0,.2); text-align:center; position:relative; background:#fff; padding-bottom:20px;} .SErvice2 .SErvice2_content .SErvice2_content_list:last-child{ margin-right:0px;} .SErvice2 .SErvice2_content .SErvice2_content_list:before{ content:""; position:absolute; display:inline-block; width:40px; height:40px;background: url(../image/cn27.png) no-repeat 50% 100%; right:-60px; top:75%; transform:translateY(-50%);} .SErvice2 .SErvice2_content .SErvice2_content_list:last-child:before{ display:none;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top{ padding-top:75px;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top dd{ position:absolute; top:-56px; left:0; width:100%; text-align:center;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top dt{ font-size:24px; color:#555555; margin-bottom:20px;} .SErvice3{ padding-top:0px; background:#fff;} .SErvice3 .SErvice3_title{ display:flex; justify-content:center; background: url(../image/cn31.png) no-repeat 50% 100%; padding-bottom:55px;} .SErvice3 .SErvice3_title span{ width:610px; height:60px; display:flex; align-items:center; background:#b01f30; color:#fff; font-size:22px; text-align:center; border-radius:20px; justify-content:center;} .SErvice3 .SErvice3_content .SErvice3_content_list{ width:32%; margin-right:2%; border-radius:10px; overflow:hidden;} .SErvice3 .SErvice3_content .SErvice3_content_list:last-child{ margin-right:0px;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_img img{ width:100%;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_txt { text-align:center; padding-top:15px;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_txt dd{ font-size:20px; color:#333333;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_txt dt{ color:#777777; font-size:16px; margin-top:5px;} .SErvice4{ background: url(../image/cg17.jpg) no-repeat 50%/cover;} .SErvice4 .SErvice_title dd{ color:#fff;} .SErvice4 .SErvice_title dt{ color:#fff;} .SErvice4 .SErvice4_content .SErvice4_content_list{ padding:10px; background:#fff; position:relative; width: calc( 50% - 15px);} .SErvice4 .SErvice4_content .SErvice4_content_list:last-child{ padding-left:0px;} .SErvice4 .SErvice4_content .SErvice4_content_list dd img{ width:100%;} .SErvice4 .SErvice4_content .SErvice4_content_list a{ display:inline-block; width:194px; height:64px; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); font-size:22px; color:#fff; font-weight:bolder; background:rgba(0,0,0,.84); border-radius:100px;} .SErvice4 .SErvice4_content .SErvice4_content_list a img{ margin-left:13px;} .SErvice5{ background:#fff;} .SErvice6{ background:#fff; padding-top:0px;} .SErvice6 .SErvice6_content .SErvice6_content_list{ width:32%; margin-right:2%; position:relative;} .SErvice6 .SErvice6_content .SErvice6_content_list:nth-child(3){ margin-right:0px;} .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_title{ font-size:22px; color:#333333; text-align:center; margin-bottom:23px;} .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_title span{ color:#b01f30; margin-right:10px;} .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_txt .list_txt_bottom{ position:absolute; bottom:0; left:0; width:100%; } .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_txt .list_txt_bottom dd{ position:absolute; left:0; bottom:0; width:87%; font-size:18px; color:#fff;text-align:right; padding:22px; line-height:30px;} .details_banner3 .details_banner3_content{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items:center; justify-content:center; flex-direction: column;} .details_banner3 .details_banner3_content .details_banner3_title dd{ font-size:34px; color:#b01f30; margin-bottom:5px;} .details_banner3 .details_banner3_content .details_banner3_title dt{ font-size:18px; color:#4c4c4c; margin-bottom:18px;} .details_banner3 .details_banner3_content .details_banner3_form{ background:#fff; border-radius:10px; display:flex; align-items:center; padding:50px 60px; position:relative;} .details_banner3 .details_banner3_content .details_banner3_form:before{ content:""; position:absolute; display:inline-block; left:53.5%; width:1px; height:100%; background:#eeeeee; top:50%; transform:translateX(-50%) translateY(-50%);} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_title{ font-size:20px; color:#6b7576; margin-bottom:30px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_title span{ color:#d7bf8f; margin-right:5px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list{ display:flex; align-items:center; margin-bottom:10px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list dd{ color:#000; font-size:14px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list dd span{ color:#6b7576; margin-right:2px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list dt{ margin-left:15px; width:248px} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list dt{ display:flex; align-items:center; flex-direction:row; justify-content:space-between;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_list dt select{ width:48%; border:1px solid #eeeeee; height:38px; padding:0px 10px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_listip dt{ border:1px solid #eeeeee; height:38px; display:flex; align-items:center; padding:0px 10px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_listip dt input{ width:90%; height:38px; background:none;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_left .form_left_txt .left_txt_select dt select{ width:100%;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_center{ width:118px; height:118px; margin:0px 40px; position:relative; z-index:50;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_center input{ width:118px; height:118px; background: url(../image/cn34.png) no-repeat 50%/cover; cursor:pointer; } .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_title{ font-size:20px; color:#6b7576; margin-bottom:30px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_title span{ color:#d7bf8f; margin:0px 15px; font-size:28px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_txt{ border:1px solid #eee; text-align:center; padding:29px 0px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_txt .right_txt_list{ font-size:14px; color:#000; margin-bottom:20px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_txt .right_txt_list:last-child{ margin-bottom:0px;} .details_banner3 .details_banner3_content .details_banner3_form .banner3_form_right .form_right_txt .right_txt_list span{ margin:0px 22px;} .Quote{ background:#fff5f4;} .Quote .SErvice_title dt{ font-size:16px; color:#444444; margin-top:8px;} .Quotation{ background:#fff;} .Quotation .SErvice_content .Quotation_list{ width:30%; margin-right:5%; box-shadow:0px 0px 15px rgba(0,0,0,.1); border-radius:20px; overflow:hidden;} .Quotation .SErvice_content .Quotation_list:last-child{ margin-right:0px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_title{ font-size:24px; color:#fff; background:#b01f30; line-height:80px; font-weight:bolder; text-align:center;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt{ height:374px; display:flex; align-items:center; justify-content:center;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_top{ margin-bottom:20px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_top dd{ font-size:18px; color:#ff4f26; font-weight: bolder; margin-bottom:8px;} .Quotation .SErvice_content .Quotation_list_all .Quotation_list_txt{ display: flex; flex-direction: column; justify-content: center; text-align:center; padding:0px 35px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_top dt{ color:#444444; font-size:18px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_top dt span{ margin:0px 12px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_bottom{ background:#fff5f4; border-radius:15px; padding:35px 45px; padding-bottom:15px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_bottom .txt_bottom_li{ width:50%; margin-bottom:20px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_bottom .txt_bottom_li dd{ font-size:18px; color:#ff4f26; font-weight: bolder;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt .list_txt_bottom .txt_bottom_li dt{ font-size:18px; color:#333333; font-weight: bolder;} .DesignQuote{ background:#f4f4f4;} .DesignQuote .DesignQuote_content .DesignQuote_content_list{ width:50%; position:relative;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_left{ width:50%; position:relative;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_left:before{ content: ''; position: absolute; top: 50%; transform:translateY(-50%); right:0; border: 20px solid transparent; border-right-color: #fff; } .DesignQuote .DesignQuote_content .DesignQuote_content_list:nth-child(3) .content_list_left:before{ content: ''; position: absolute; top: 50%; transform:translateY(-50%); left:0; border: 20px solid transparent; border-left-color: #fff; } .DesignQuote .DesignQuote_content .DesignQuote_content_list:nth-child(4) .content_list_left:before{ content: ''; position: absolute; top: 50%; transform:translateY(-50%); left:0; border: 20px solid transparent; border-left-color: #fff; } .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_left img{ width:100%; height:205px; object-fit:cover;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right{ width:calc(50% - 55px); display: flex; flex-direction: column; justify-content: center; height:205px; background:#fff; padding-left:55px;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right dd{ font-size:24px; color:#333333; font-weight:bolder; margin-bottom:15px;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right dt{ font-size:16px; color:#666666; line-height:28px;} .NewQuote{ background:#fff5f4;} .NewQuote .NewQuote_content{ background:#fff; padding:25px;} .NewQuote .NewQuote_content .NewQuote_content_top{ line-height:50px; background:#fff5f4;} .NewQuote .NewQuote_content .NewQuote_content_top .content_top_list{ color:#333; font-size:16px; font-weight:bolder; width:20%; text-align:center;} .NewQuote .NewQuote_content .NewQuote_content_bottom ul{ width:100%;} .NewQuote .NewQuote_content .NewQuote_content_bottom .content_bottom_list{ height:105px; display:flex; align-items:center; border-bottom:1px dashed #eeeeee; width:100%;} .NewQuote .NewQuote_content .NewQuote_content_bottom .content_bottom_list dd{ width:20%; text-align:center; font-size:14px; color:#333; line-height:26px;} .NewQuote .NewQuote_content .NewQuote_content_bottom .content_bottom_list dd .time{ color:#666;} .NewQuote .NewQuote_content .NewQuote_content_btn{ text-align:center; margin-top:40px;} .NewQuote .NewQuote_content .NewQuote_content_btn a{ display: inline-block; width:380px; border-radius:6px; text-align:center; line-height:54px; background:#b01f30; color:#fff; font-size:20px;} .hot_img_box,.hot_img_box,.wrap-page-pic .ab_main{ min-height: auto;} .wrap-page-pic .ab_main{ max-width: 1500px; margin:0 auto;} .hot_img_box .masonry .box{ width:23.7%;} .pc_top .pc_top_right .top_right_nav .categories .categories_down .categories_down_list .down_list_txt{ height:720px;} .FService .FService_top{ padding: 30px 25px; background:#fff; margin-top:25px;} .FService .FService_top .FService_top_title{ text-align:center; font-size:22px; color:#333333; font-weight:bolder; margin-bottom:20px;} .FService .FService_top .FService_top_title b{ color:#901620;} .FService .FService_top .FService_top_content .top_content_list{ display:inline-block; background:#f4e9e8; width:48%; text-align:center; padding:17px 0px; margin-right:4%; margin-bottom:4%;} .FService .FService_top .FService_top_content .top_content_list:nth-child(2n){ margin-right:0px;} .FService .FService_top .FService_top_content .top_content_list dt{ font-size:15px; color:#333333; margin-top:15px;} .FService .FService_bottom{ display:flex; align-items:center; justify-content:space-between; flex-direction:row; margin-top:25px;} .FService .FService_bottom a{ display:flex; height:50px; width:47%; align-items:center; justify-content:center; border-radius:8px; font-size:18px; color:#fff; background:#7e8080;} .FService .FService_bottom a:last-child{ background:#901620;} .more_case{ text-align:center; display:flex; justify-content:center; margin-top:35px;} .more_case a{ display:flex; height:44px; width:280px; align-items:center; justify-content:center; border:1px solid #333; font-size:18px; color:#666;} .more_case a:hover{ color:#fff; background:#901620; border:1px solid #901620;} .fenx{ display:flex; align-items:center; z-index: 56654;} .bdshare-button-style1-16{ display:flex; align-items:center; width:164px; margin-left:15px;} .piccontext{ height:calc( 952px - 20px) !important; margin-bottom:20px; padding-bottom:0px;} .picshow{height: calc( 911px - 20px) !important;} .picshow_box{ height:758px !important;} .wrap-page-pic{ padding-top:45px;} .wrap-page-pic .ab_cont{ margin-right:340px;} .wrap-page-pic .aside{ width:315px;} .designtwo_list_bgphoto,.designthree_list_bgphoto,.designone_list_bgphoto,.seikofour_list_bgphoto,.seikofive_list_bgphoto{ margin-top:0px;} .lc_main{ margin-top:10px;} .banner .slick-prev{ left:11%;} .banner .slick-next{ right:11%;} .banner .slick-prev,.banner .slick-next{ width:40px; height:40px; border-radius:100%; background:rgba(0,0,0,.5); transform:translateY(-50%);transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .banner .slick-prev:before,.banner .slick-next:before{ color:#fff; font-size:18px;} .banner .slick-prev:hover,.banner .slick-next:hover{ background:#901620;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} #pic1{ max-width: 100% !important;} @media screen and (max-width:1900px){ .about .about_left{ padding:4%;} .about .about_left .about_left_bottom{ width:1200px;} .about .about_left .about_left_bottom .left_bottom_list dt{ font-size:24px;} .about .about_left .about_left_title p{ font-size:14px; line-height:30px;} .about .about_left .about_left_title dd{ font-size:55px;} } @media screen and (max-width:1500px){ .pc_all .pc_all_contnet{ width: 1200px;} .pc_top .pc_top_right .top_right_nav .right_nav_list{ width:85px;} .pc_top .pc_top_right .top_right_nav .categories{ width:92px;} .VR .VR_content .VR_content_list dd{ height: 380px;} .details_banner .top_content{ max-width:1200px;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dd{ width:8%;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt a{ margin-right:39px;} .footer_q .footer_q_title .q_title_left a{ margin-right:10px;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-slide img{ height:600px;} .RenderingsDtails .RenderingsDtails_right .right_case_top .case_top_title .top_title_img{ width:68px; height:68px;} .RenderingsDtails .RenderingsDtails_right .right_case_top .case_top_title .top_title_img img{ height:68px;} .RenderingsDtails .RenderingsDtails_right .right_case_top .case_top_title{ padding:0px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child{ margin-right:20px;} .pc_top .pc_top_right .top_right_nav .right_nav_list{ margin-right:3px;} .pc_top .pc_top_right .top_right_nav .categories .categories_down{ left:-37px;} .ITeam .content_txt_team .content_txt_team_left{ width:30%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list{ width:24.25%; margin-right:1%; height:201px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list img{ height:201px;} .ITeam .content_txt_team .content_txt_team_right{ width:69%;} .honor .honor_client .honor_client_bottom .client_bottom_list{ font-size: 18px;} .reservation .reservation_content .reservation_content_txt{ padding: 40px 60px;} .honor .honor_strength .honor_strength_list dt{ padding: 0px 30px; height: 380px;} .Pledge .Pledge_content{ padding: 80px 0px;} .culture .culture_right{ width:60%;} .culture .pc_all_contnet,.Values .pc_all_contnet{ padding:0px 0px;} .culture .culture_left img{ max-width:100%;} .Manage .Manage_content .Manage_content_center{ width:57%;} .Manage .Manage_content .Manage_content_center img{ max-width:100%;} .Manage .Manage_content .Manage_content_right{ width:10%;} .TeamWork .pc_all_contnet{ padding:0px;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dd{ font-size:22px;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title{ padding:70px 40px;} .join .join_top .join_top_content{ padding:55px;} .join .join_top .join_top_content .top_content_list{ padding:40px 45px;} .contact .contact_top{ padding:0px; padding-bottom:70px;} .contact_map .contact_map_bottom{ left:8%;} .construction .construction_content{ padding:0px 70px;} } /*@media screen and (max-width:1200px){ .pc_all .pc_all_contnet,.solution .solution_content{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden;} .pc_top,.footer .pc_all_contnet{ display: none;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .height{ display: none;} .Copyright{ margin-top: 0px; border-top: 0px;} .footer{ padding-top: 0px;} .t_height{ display:none;} .WService{ padding:30px 0px; background:#fff;} .WService .WService_left{ display:none;} .WService .WService_right{ width:96%; min-height: 100%;} .WService .WService_right .WService_right_title{ padding-top:0px; font-size:18px; margin-bottom:20px;} .WService .WService_right .WService_right_content .right_content_submit{ margin-top:0px;} .WService .WService_right .WService_right_content .right_content_submit input{ line-height:44px; font-size:16px;} .WService .WService_right .WService_right_content .right_content_list{ margin-bottom:15px;} .WService .WService_right .WService_right_content .right_content_list input{ border:1px solid #c4c4c4; padding:0px 10px; line-height:46px;} .WService .WService_right .WService_right_content{ padding:0px 25px;} .WService_close{ top: -32px; right:0px;} .WService .WService_right .WService_right_content .right_content_list span{ right:15px;} .advisory{ display:none;} .details_banner .top_content{ display:none;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list{ width:33.33%; padding:15px 0px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list dd{ line-height:30px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list dd img{ height:25px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list dt{ font-size:16px;} .DesignDraft_top .DesignDraft_top_nav .top_nav_list:nth-child(3n):before{ display:none;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dd,.DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt{ width:100%;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dd{ margin-bottom:10px; font-size:16px;} .DesignDraft_top .DesignDraft_top_bottom .top_bottom_list dt a{ font-size:14px; margin-right:10px;} .DesignDraft .DesignDraft_page_content .page_content_list{ width:49%; margin-right:0px;} .DesignDraft .DesignDraft_page_content .page_content_list:nth-child(2n){ float:right;} .DesignDraft{ padding:25px 0px;} .case_img img{ height:130px;} .DesignDraft .DesignDraft_page_title{ font-size:18px;} .DesignRecommend .DesignDraft_page_title div{ width:100%;} .DesignDraft .DesignDraft_page_title{ border-left:0px;} .DesignRecommend .DesignDraft_page_title .page_title_nav{ display:block; margin-top:15px;} .DesignRecommend_page{ padding-top:0px;} .DesignRecommend .DesignDraft_page_content .page_content_list{ width:47%; margin-right:0px;} .details_banner2 .details_banner2_content{ display:none;} .footer_q .pc_all_contnet{ padding:0px;} .footer_q .footer_q_title .q_title_left a{ font-size:15px;} .footer_q .footer_q_title .q_title_right{ display:none;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top dd{ font-size:15px;} .RenderingsDtails .RenderingsDtails_left,.RenderingsDtails .RenderingsDtails_right{ width:100%;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-slide img{ height:auto;} .RenderingsDtails .RenderingsDtails_left .detials_top_img .swiper-slide{ height:310px;} .banner .banner_content .banner_content_list .content_list_txt{ top:20%;} .banner .banner_content .banner_content_list .content_list_txt .list_txt_top img{ max-width:300px;} .banner .banner_content .banner_content_list .content_list_txt .list_txt_more a{ width:120px; line-height:28px; border-radius:6px; font-size:12px; margin-top:18px; background:#222e5c; color:#fff;} .about .about_right img{ height:auto;} .reservation .reservation_content{ padding:25px 0px;} .reservation .reservation_content .reservation_content_title{ margin-bottom:20px;} .reservation .reservation_content .reservation_content_title dd{ font-size:18px;} .reservation .reservation_content .reservation_content_txt{ padding:20px;} .reservation .reservation_content .reservation_content_txt .content_txt_left,.reservation .reservation_content .reservation_content_txt .content_txt_right{ width:100%;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_title{ font-size:15px;} .reservation .reservation_content .reservation_content_txt .content_txt_right{ padding:22px 0px;} .reservation .reservation_content .reservation_content_txt .content_txt_right img{ max-width:100%;} .reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_submit input{ font-size:15px;} .pc_honor{ display:none;} .mo_honor{ display:block;} .video_w .list_video_content{ width: 95%;} .contact .contact_top .contact_top_title{ padding:25px 0px; font-size:18px;} .contact .contact_top .contact_top_content .top_content_list{ width:90%; margin-right:0px; margin:0 auto; float:inherit; margin-bottom:25px; padding:30px 0px; border-radius:5px;} .contact .contact_top .contact_top_content .top_content_list:last-child{ margin:0 auto;} .contact .contact_top .contact_top_content .top_content_list .content_list_top dd img{ height:40px;} .contact .contact_top .contact_top_content .top_content_list .content_list_top dt{ font-size:18px;} .contact .contact_top{ padding-bottom:35px;} .contact_map .contact_map_top{ height:300px;} .contact_map img{ max-width:inherit;} .contact_map .contact_map_bottom{ position:inherit; left:0; top:0; transform:none; width:auto; padding:25px;} .contact_map .contact_map_bottom dd{ font-size:18px; margin-bottom:20px;} .join{ padding:30px 0px;} .join .join_top .join_top_title dd{ font-size:18px; margin-bottom:10px;} .join .join_top .join_top_content{ padding:30px 10px; display:block;} .join .join_top .join_top_content .top_content_list{ width:auto; margin-bottom:25px; margin-right:0px;} .join .join_top .join_top_content .top_content_list dd img{ height:55px;} .join .join_top .join_top_content .top_content_list dt{ font-size:16px;} .join .join_top .join_top_content .top_content_list:last-child{ margin-bottom:0px;} .join .join_nei_body .nei_body_xun{ width:auto; margin-right:0px; padding:20px; border:1px solid #dcdcdc; padding-bottom:30px; margin-top:20px;} .join .join_nei_body .nei_body_xun .body_xun_wen .xun_wen_xun dd{ padding-bottom:8px;} .join .join_nei_body .nei_body_xun .body_xun_title .xun_title_left{ font-size:16px;} .join .join_nei_body .nei_body_xun .dian{ right:20px;} .culture{ padding:35px 0px;} .culture .pc_all_contnet{ display:block;} .culture .culture_left{ margin-bottom:35px; text-align:center;} .culture .culture_left,.culture .culture_right{ width:100%; padding:0px;} .culture .culture_right .culture_right_title{ margin-bottom:30px;} .culture .culture_right .culture_right_title dt{ font-size:20px;} .culture .culture_right .culture_right_title dd{ font-size:16px; margin-bottom:5px;} .culture .culture_right .culture_right_content .right_content_list{ width:48%;} .culture .culture_right .culture_right_content .right_content_list dd{ font-size:16px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_img img{ height:168px;} .Manage .Manage_title{ text-align:center;} .Manage .Manage_title dt{ font-size:18px;} .Manage .Manage_content{ display: block; padding:35px 0px;} .Manage .Manage_content .Manage_content_left,.Manage .Manage_content .Manage_content_center,.Manage .Manage_content .Manage_content_right{ width:100%;} .Manage .Manage_content .Manage_content_center img{ height:200px;} .Manage .Manage_content .Manage_content_left .content_left_list dd{ font-size:18px; padding-bottom:20px; margin-bottom:18px; text-align:center;} .Manage .Manage_content .Manage_content_left .content_left_list dd::before{ height:1px; left:0; right:0; margin:0 auto;} .Manage .Manage_title{ padding-bottom:25px;} .Manage .Manage_content .Manage_content_right{ overflow:hidden;} .Manage .Manage_content .Manage_content_right p{ font-size:16px; display: inline-block; float:left; width:33.33%; text-align:center; margin-bottom:0px; margin-top:22px;} .Manage .Manage_content .Manage_content_right p:before{ display:none;} .Values{ padding:25px 0px;} .Values .Values_title dd{ font-size:18px; margin-bottom:15px;} .Values .Values_title dt{ padding:0px;} .Values .Values_title{ margin-bottom:25px;} .TeamWork .TeamWork_content .TeamWork_content_left{ margin-bottom:25px;} .TeamWork .TeamWork_content .TeamWork_content_left,.TeamWork .TeamWork_content .TeamWork_content_right{ width:100%;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list{} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dd{ font-size:13px;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title dt{ font-size:13px;} .TeamWork .TeamWork_content .TeamWork_content_left .content_left_list .left_list_title{ padding:33px 10px;} .TeamWork .TeamWork_content .TeamWork_content_right .content_right_title dd{ font-size:18px;} .pc_d{ display: none;} .banner .banner_reservation{ display: none;} .banner,.banner .content_list_img img{ height: auto;} .banner .slick-dots{ bottom: 4%; width: 100%; left: 0;} .banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;} .banner .slick-dots li.slick-active{ border:0px;} .banner .slick-dots li.slick-active button:before{ opacity:1;} .banner .slick-dots li button{ width:100%; height:auto;line-height: 28px; padding:0px;} .banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5; color: #901620;} .INav .INav_list{ width: 48%; margin-bottom: 2%;} .INav .INav_list:nth-child(2n){ float: right;} .INav .INav_list .INav_list_icon img{ height: 28px;} .INav .INav_list .INav_list_txt dd{ font-size: 15px;} .INav .INav_list .INav_list_txt dt{ font-size: 13px;} .INav .INav_list .INav_list_txt{ margin-left: 10px;} .ICase{ padding: 30px 0px;} .ICase .ICase_title dd{ font-size: 18px; margin-bottom: 10px;} .ICase .ICase_title dt{ font-size: 13px;} .ICase .ICase_title{ margin-bottom: 25px;} .ICase .ICase_nav{ display: block; overflow: hidden; margin-bottom: 22px;} .ICase .ICase_nav a{ width: 32%; margin-right: 2%; float: left; font-size: 15px; margin-bottom: 10px;} .ICase .ICase_nav a:nth-child(3n){ margin-right: 0px;} .ICase .ICase_content .ICase_content_list{ width: 49%; margin-right: 0%; margin-bottom: 2%;} .ICase .ICase_content .ICase_content_list:nth-child(2n){ float: right;} .ICase .ICase_content .ICase_content_list .content_list_img img{ height: auto;} .VR{ padding: 0px;} .VR .VR_content .VR_content_list{ width: 100%; margin-bottom:15px;} .VR .VR_content .VR_content_list dd{ height: 260px;} .VR .VR_content .VR_content_list dt{ font-size: 14px; line-height: 40px;} .VR .VR_title .VR_title_list{ width: 49%; margin-right: 0px; padding: 16px 0px; margin-bottom: 10px;} .VR .VR_title .VR_title_list:nth-child(2n){ float: right;} .VR .VR_title .VR_title_list dd{ line-height: 55px;} .VR .VR_title .VR_title_list dd img{ height: 40px;} .VR .VR_title .VR_title_list .title_list_txt{ font-size: 14px;} .ITeam .content_txt_team{ display: block;} .ITeam .content_txt_team .content_txt_team_left{ margin-bottom: 25px;} .ITeam .content_txt_team .content_txt_team_left,.ITeam .content_txt_team .content_txt_team_right{ width: 100%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list{ height: 96px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list img{ height: 96px;} .ITeam .content_txt_team .content_txt_team_left{ width:100%; display:none;} .ITeam .content_txt_team .content_txt_team_left{ width:100%; height: 300px; overflow:hidden;} .ITeam .content_txt_team .content_txt_team_right{ width:100%; margin-top:0px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list{ width:32%; margin-right:2%; height:125px; margin-bottom:2%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(3n){ margin-right:0px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dd span{ font-size:18px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dt{ font-size:12px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_a dd{ font-size:14px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list img{ height:125px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt{ padding-top:30px; top:0%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt dd{ font-size:12px; margin-bottom:8px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_txt dt p{ font-size:12px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(4){ margin-right:2%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list:nth-child(8){ margin-right:2%;} .ITeam .content_txt_team .content_txt_team_right .team_right_list .right_list_Seniority{ width:73%; font-size:13px; line-height:28px;} .Designer .Designer_content .Designer_content_txt .content_txt_title{ margin-bottom:33px;} .ITeam .content_txt_team .content_txt_team_right .team_right_list::before{ border:2px solid #f79321;} .ITeam .content_txt_team .content_txt_team_left .team_left_txt dd{ font-size:24px;} .IConstruction{ padding: 0px;} .IConstruction .IConstruction_content .IConstruction_content_list{ width: 49%; margin-right: 0px; margin-bottom: 2%;} .IConstruction .IConstruction_content .IConstruction_content_list:nth-child(2n){ float: right;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_img img{ height: 130px;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_title{ line-height: 33px; font-size: 13px;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_hover{ padding: 20px;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_hover dd{ font-size: 13px; margin-bottom: 0px;} .IConstruction .IConstruction_content .IConstruction_content_list .content_list_hover dt{ display: none;} .IService .IService_content .IService_content_list{ width: 33.33%; margin-top: 25px;} .IService .IService_content .IService_content_list::before{ display: none;} .IService .IService_content .IService_content_list .content_list_top dt{ font-size: 16px; margin-top: 15px;} .IService .IService_content .IService_content_list .content_list_top dd{ line-height: 40px;} .IService .IService_content .IService_content_list .content_list_top dd img{ height: 35px;} .IService .IService_content .IService_content_list .content_list_bottom{ margin-top: 10px;} .INews{ padding: 0px;} .INews .INews_content .INews_content_list .content_list_video,.INews .INews_content .INews_content_list .content_list_right{ width: 100%;} .INews .INews_content .INews_content_list .content_list_video .list_video_title dd img{ height: auto;} .INews .INews_content .INews_content_list .content_list_video .list_video_title dt img{ height: 35px;} .INews .INews_content .INews_content_list .content_list_right .list_right_list dd img{ height: auto;} .INews .INews_content .INews_content_list .content_list_right{ margin-top: 15px;} .INews .INews_content .INews_content_list .content_list_right .list_right_list:nth-child(1), .INews .INews_content .INews_content_list .content_list_right .list_right_list:nth-child(2){ margin-bottom: 2%;} .INews .INews_content .INews_content_list .content_list_right .list_right_list dt{ font-size: 13px; padding: 0px 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IPartner .IPartner_content{ border-bottom: 1px solid #dcdcdc;} .IPartner .IPartner_content .IPartner_content_list{ width: 33.33%; height: 70px; padding: 0px 20px;} .IPartner .IPartner_content .IPartner_content_list:nth-child(3n){ border-right: 1px solid #dcdcdc;} .IPartner .IPartner_content .IPartner_content_list img{ max-width: 80%; max-height: 40px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt{ display:block; padding:15px;} .DesignDraft .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top{ width:100%; margin-bottom:25px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_top{ margin-bottom:10px;} .link{ display: none;} .details_banner img{ height: auto;} .honor{ padding: 30px 0px;} .honor .honor_title{ margin-bottom: 25px;} .honor .honor_title dd{ font-size: 18px;} .honor .honor_title dd img{ display: none;} .honor .honor_title dt{ font-size: 14px;} .about_nav .about_nav_right{ display: none;} .about_nav .about_nav_left{ overflow: hidden; width: 100%; padding-top: 10px;} .about_nav .about_nav_left a{ margin-right: 0px; width: 48%; margin-right: 0%; text-align: center; float: left; border: 1px solid #dcdcdc; line-height: 46px; border-radius: 5px; margin-bottom: 10px;} .about_nav .about_nav_left a:nth-child(2n){ float: right;} .about_nav .about_nav_left a.on{ color: #fff; background: #b01f30; border: 1px solid #b01f30;} .about .about_left{ width:calc(100% - 8%)} .about .about_right{ width: 100%;} .about .about_left .about_left_bottom{ width: 100%;} .about .about_left .about_left_title dd{ font-size: 24px;} .about .about_left .about_left_title dt{ font-size: 16px; margin-bottom: 20px;} .about .about_left{ padding: 4%;} .about .about_left .about_left_title p{ font-size: 14px; line-height: 28px;} .about .about_left .about_left_bottom{ display: block; overflow: hidden; margin-top: 30px;} .about .about_left .about_left_bottom .left_bottom_list{ padding: 20px 0px; width: 50%; float: left;} .about .about_left .about_left_bottom .left_bottom_list dt{ font-size: 18px;} .honor .honor_strength{ margin-bottom: 20px;} .honor .honor_strength .honor_strength_list{ width: 100%; margin-right: 0px; margin-bottom: 25px;} .honor .honor_strength .honor_strength_list dd{ font-size: 18px;} .honor .honor_strength .honor_strength_list dt{ height: auto; padding: 20px;} .honor .honor_client .honor_client_top{ padding-bottom: 25px;} .honor .honor_client .honor_client_top .client_top_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .honor .honor_client .honor_client_top .client_top_list:nth-child(3n){ margin-right: 0px;} .honor .honor_client .honor_client_bottom .client_bottom_list{ width: 100%; margin-bottom: 15px; font-size: 15px; line-height: 48px;} .construction .construction_content{ padding: 0px;} .Advantage{ padding: 30px 0px;} .Advantage dd{ font-size: 18px; margin-bottom: 20px;} .Advantage dd img{ display: none;} .Advantage dt span{ font-size: 16px; display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 2%;} .Advantage dt span:nth-child(3n){ margin-right: 0px;} .Pledge .Pledge_content{ padding: 40px 0px;} .Pledge .pc_all_contnet{ padding: 0px;} .Pledge .Pledge_content .Pledge_content_list:nth-child(2) .content_list_l{ width: 49%;} .Pledge .Pledge_content .Pledge_content_list .content_list_l{ padding: 0px; border: 0px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_bg{ display: block; width: 100%;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_icon img{ height: 35px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right{ margin-left: 0px; margin-top: 20px;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right dd{ font-size: 15px; text-align: center;} .Pledge .Pledge_content .Pledge_content_list .content_list_l .list_l_right dt{ font-size: 13px; text-align: center; text-align: center;} .Environmental .Environmental_content{ padding: 20px;} .Evaluation .slick-prev:before,.Evaluation .slick-next:before{ font-size: 26px;} .reservation{ padding-bottom: 30px;} .details_banner2 img{ height:auto;} .SErvice .SErvice_title{ margin-bottom:20px;} .SErvice{ padding:25px 0px;} .SErvice .SErvice_title dd{ font-size:18px;} .SErvice .SErvice_title dt{ font-size:14px;} .SErvice .SErvice_content .SErvice_content_list{ width:49%; margin-right:0px; box-shadow:0px 0px 0px; height:100px; margin-bottom:2%;} .SErvice .SErvice_content .SErvice_content_list:nth-child(2n){ float:right;} .SErvice .SErvice_content .SErvice_content_list .content_list_txt dd{ font-size:16px;} .SErvice .SErvice_content .SErvice_content_list .content_list_txt dt{ font-size:13px;} .SErvice .SErvice_content .SErvice_content_list .content_list_icon{ margin-right:12px;} .SErvice .SErvice_content .SErvice_content_list .content_list_icon img{ height:33px;} .SErvice2 .SErvice2_content .SErvice2_content_list{ width:100%; margin-bottom:25px;} .SErvice3 .SErvice3_title span{ font-size:14px; width:100%; height:40px;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_txt dd{ font-size:16px;} .SErvice3 .SErvice3_content .SErvice3_content_list .content_list_txt dt{ font-size:13px;} .SErvice3 .SErvice3_title{ padding-bottom:25px;} .SErvice4 .SErvice4_content .SErvice4_content_list a{ font-size:16px; width:150px; height:40px;} .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_title{ font-size:16px; height:42px;} .SErvice6 .SErvice6_content .SErvice6_content_list .content_list_txt .list_txt_bottom dd{ font-size:12px; line-height:20px; padding-left:0px; padding-top:0px; width:calc( 100% - 22px); padding-top:10px;} .details_banner3 .details_banner3_content{ display:none;} .Quotation .SErvice_content{ padding:0px 20px;} .Quotation .SErvice_content .Quotation_list{ width:100%; margin-right:0px; margin-bottom:25px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_title{ font-size:16px; line-height:55px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt{ height:310px;} .DesignQuote .DesignQuote_content .DesignQuote_content_list{ width:100%;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right{ padding:20px;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right dd{ font-size:16px;} .DesignQuote .DesignQuote_content .DesignQuote_content_list .content_list_right dt{ font-size:14px;} .NewQuote .NewQuote_content .NewQuote_content_bottom .content_bottom_list{ height:auto; padding:15px 0px;} .NewQuote .NewQuote_content .NewQuote_content_bottom .content_bottom_list dd{ font-size:12px;} .NewQuote .NewQuote_content .NewQuote_content_btn a{ width:100%; font-size:16px;} .form_bottom_content p{ font-size:13px;} .DesignRecommend_page a{ margin-right:5px; padding:0px 3px;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top dd img{ width:73px;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top dt{ font-size:16px;} .SErvice2 .SErvice2_content .SErvice2_content_list .content_list_top{ padding-top:33px;} .SErvice2 .SErvice2_content .SErvice2_content_list{ background-size:20%; padding-top:80px;} .SErvice2 .SErvice2_content .SErvice2_content_list:nth-child(2),.SErvice2 .SErvice2_content .SErvice2_content_list:nth-child(3){ background-size:20%; } .SErvice .SErvice_title dd img{ height:10px;} .Quotation .SErvice_content .Quotation_list .Quotation_list_txt img{ width:80%;} .NewQuote .NewQuote_content .NewQuote_content_top .content_top_list{ font-size:14px;} .NewQuote .NewQuote_content{ padding:10px;} .DesignRecommend .DesignDraft_page_content .page_content_list .content_list_txt .list_txt_bottom .txt_bottom_right{ font-size:13px;} } @media screen and (max-width:950px){ } @media screen and (max-width:768px){ } @media screen and (max-width:600px){ .banner,.banner .content_list_img img{ height: 200px !important;} .details_banner .details_banner_img img{ height: 180px !important;} .details_banner2 img{ height:160px;} .banner .slick-slide .banner_txt dd{ font-size: 16px;} .banner .slick-slide .banner_txt dt{ font-size: 12px; margin-top: 5px;} .banner .slick-slide .banner_txt{ width: 90%; left: 50%; top: 50%;} .banner .slick-slide .banner_txt a{ font-size: 14px; width: 113px; line-height: 30px; margin-top:0px;} .banner .slick-slide .banner_txt a i{ margin-left: 10px;} .banner .slick-slide .banner_txt div{ display:none;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ .IInvestment .IInvestment_title .IInvestment_title_left{ width:60%;} .page li a{ padding:0px 10px;} .NewsD .NewsD_title dd{ font-size:16px;} } @media screen and (max-width:320px){ }*/