@charset "utf-8"; /* CSS Document */ 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:#f1f1f1; } 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:#fff; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clear{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.3s ease; -webkit-transform: all 0.3s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(60deg); transition: all 0.3s ease; -webkit-transform: all 0.3s 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:50px;} .mo_top .mot .molo img{ height: 50px;} .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;} .banner{ height: 650px; overflow:hidden;} .banner .slider .item a{ display:inline-block;} .banner .slick-dots li button:before{ display:none;} .banner .slick-dots li.slick-active button{ background:#1266ca;} .banner .slick-dots li{ width:30px; height:3px;} .banner .slick-dots li button{ width:100%; background:#fff; padding:0px; height:100%;} .banner .slick-dots{ bottom:4%;} .banner .slick-slide img{ width:100%; height: 650px; object-fit: cover;} .banner .slick-dotted.slick-slider{ margin-bottom:0px;} .pc_top .pc_top_content{ max-width: 1250px; margin: 0 auto;} .top{ background: #3b3b3b;} .top .top_left{ font-size: 12px; color: rgba(255,255,255,.8); line-height: 40px;} .top .top_right a{ font-size: 12px; color: rgba(255,255,255,.8); display: inline-block; line-height: 40px; position: relative; padding-right: 10px; margin-right: 10px;} .top .top_right a:before{ content: ""; display: inline-block; width: 1px; height: 14px; background: #848484; right: 0; position: absolute; top: 34%;} .top .top_right a:last-child{ margin-right: 0px; padding-right: 0px;} .top .top_right a:last-child:before{ opacity: 0;} .pc_top .pc_top_content .top_content_logo{ display: inline-block; line-height: 130px;} .pc_top .pc_top_content .top_content_right{ padding-top: 22px; width:80%;} .pc_top .pc_top_content .top_content_right .content_right_top{ padding-bottom: 23px; width:85%;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_left{ margin-right: 35px; padding: 3px 0px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_left .top_left_list img{ margin-right: 8px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_left .top_left_list{ margin-right: 30px; font-size: 12px; color: #666666;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_left .top_left_list span{ display: inline-block; line-height: 34px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_left .top_left_list:last-child{ margin-right: 0px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_right dd{ margin-right: 10px; padding: 4px 0px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_right dt b{ font-size: 20px;} .pc_top .pc_top_content .top_content_right .content_right_top .right_top_right dt p{ color: #666666; font-size: 12px;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list{ margin-right: 55px; position: relative; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:last-child{ margin-right: 0px;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_title{ font-size: 16px; color: #222222; padding-bottom: 22px;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down{ background: #fff; position: absolute; width: 100%; left: -30px; display: none; z-index: 50; width: 130px; top: 32px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:nth-child(2) .nav_list_down{ width:160px; left:-52px;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover .nav_list_down{ display: block;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down a{ display: inline-block; width: 100%; line-height: 45px; text-align: center; font-size: 14px; border-bottom: 1px solid #dcdcdc; padding: 0px 10px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down a:hover{ color: #1266ca; font-weight: bolder;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list.hot:before{ content: "HOT"; position: absolute; top: -12px; right: -10px; font-size: 12px; font-weight: bolder; color: #1266ca; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); filter: scale(.8); filter: transform; animation:mymove 1s infinite; } @keyframes mymove { 0%{ -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); filter: scale(.8); filter: transform; } 50%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; } 100%{ -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); filter: scale(.8); filter: transform; } } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover .nav_list_title{ color: #1266ca;} .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:after{ content: ""; display: inline-block; width: 0%; height: 2px; background: #1266ca; position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover:after{ width: 100%; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; } .pc_all .pc_all_contnet{ max-width: 1250px; margin: 0 auto;} .IndexAdvantage{ background: #f5f5f5; padding-top: 55px;} .IndexAdvantage .IndexAdvantage_title{ text-align: center; margin-bottom: 44px; position: relative;} .IndexAdvantage .IndexAdvantage_title:before{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn11.png) no-repeat 50% 50%; position: absolute; left: 0; top: 15px;} .IndexAdvantage .IndexAdvantage_title:after{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn12.png) no-repeat 50% 50%; position: absolute; right: 0; top: 15px;} .IndexAdvantage .IndexAdvantage_title dd{ font-size: 28px; color: #222222; margin-bottom: 15px;} .IndexAdvantage .IndexAdvantage_title dd span{ color: #1266ca;font-weight: bold;} .IndexAdvantage .IndexAdvantage_title dt{ color: #555555; font-size: 16px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list{ text-align: center; background: #fff; width: 18.4%; margin-right: 2%; padding: 22px 30px; height: 185px; box-shadow: 0px 0px 29px rgba(0,0,0,.1); transition: all 0.3s ease; position: relative; cursor: pointer; top: 0;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list:last-child{ margin-right: 0px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list .content_list_txt dd{ font-size: 16px; color: #222222; padding: 14px 0px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list .content_list_txt dt{ font-size: 12px; color: #999999; line-height: 18px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list:hover{ top: -13px; transition: all 0.3s ease;} .Quote .Quote_left{ width: 21%;} .Quote .Quote_left .Quote_left_list{ background: #e5e5e5; border-radius: 10px; cursor: pointer;} .Quote .Quote_left .Quote_left_list dd{ padding: 6px 0px;} .Quote .Quote_left .Quote_left_list dt{ text-align: center;} .Quote .Quote_left .Quote_left_list dt p{ font-size: 14px; color: #666; margin-bottom: 3px;} .Quote .Quote_left .Quote_left_list dt p span{ font-size: 20px; color: #333;} .Quote .Quote_left .Quote_left_list dt p:last-child{ margin-bottom: 0px;} .Quote .Quote_left .Quote_left_list{ width: 48%; margin-right: 4%; margin-top: 4%; text-align: center; padding: 35px 0px;} .Quote .Quote_left .Quote_left_list:last-child{ margin-right: 0px;} .Quote .Quote_left .Quote_left_list dd{ margin-right: 0px;} .Quote .Quote_left .Quote_left_list.on{ background: #1266ca; transition: all 0.5s ease 0s;} .Quote .Quote_left .Quote_left_list.on dt p{ color: #fff; transition: all 0.5s ease 0s;} .Quote .Quote_left .Quote_left_list.on dt p span{ color: #fff; transition: all 0.5s ease 0s;} .Quote .Quote_left .Quote_left_list:nth-child(1){ width: 100%; padding: 40px 36px;} .Quote .Quote_left .Quote_left_list:nth-child(1) dd{ margin-right: 10px;} .Quote .Quote_right{ width: 75%; margin-left: 4%;} .Quote .Quote_right .Quote_right_title{ font-size: 24px; color: #1266ca; margin-bottom: 20px;} .Quote .Quote_right .Quote_right_title span{ color: #666; font-size: 14px; margin-left: 10px;} .Quote .Quote_right .Quote_right_title span b{ color: #1266ca;} .Quote .Quote_right{ background: url(../images/bn16.png) no-repeat 100% 100%;} .Quote .Quote_right .Quote_right_form{ width: 76%;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list{ width: 23%; margin-right: 2%;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list:last-child{ margin-right: 0px;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list dd{ font-size: 16px; color: #000; font-weight: bolder; margin-bottom: 10px;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list dt{ background: #e8e8e8; line-height: 50px; border-radius: 5px; overflow: hidden; color: #000;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list dt input{ padding: 0px 10px; font-size: 16px; width: 100%; background: #e8e8e8; line-height: 50px;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list:nth-child(2) dt input{ width: 80%;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } .radio_jibie .button{ cursor: pointer; margin-right: 20px;} .radio_jibie .button{ display: inline-block; background: url(../images/bn17.png) no-repeat 0% 50%; padding-left: 18px; font-size: 14px; color: #222222; transition: all 0.5s ease 0s;} .radio_jibie:last-child .button{ margin-right: 0px;} .radio_jibie input[type=radio]:checked ~ .button{ background: url(../images/bn17_on.png) no-repeat 0% 50%; color: #1266ca; transition: all 0.5s ease 0s;} .radio_jibie input[type=radio]{display: none;} .Quote .Quote_right .Quote_right_form .right_form_bottom{ margin-top: 20px;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list{ width: 100%;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list dd{ margin-bottom: 0px;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list dt{ background: none; line-height: 57px;} .Quote .Quote_right .Quote_right_form .right_form_submit input{ width: 100%; line-height: 50px; background: #1266ca; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer;} .IndexCase{ padding-bottom: 75px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left{ width: 30%; background: url(../images/bn18.png) no-repeat 50%/cover; box-shadow: 0px 0px 25px rgba(0,0,0,.25); padding: 0px 25px; padding-top: 45px; padding-bottom: 20px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_title{ text-align: center; border: 4px solid #1266ca; padding: 30px 45px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_title dd{ font-size: 28px; color: #1266ca; font-weight: bolder; margin-bottom: 20px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_title p{ color: #666666; font-size: 14px; margin-bottom: 40px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_title dt{ line-height: 42px; border-radius: 6px; text-align: center; color: #fff; font-size: 16px; background: #1266ca;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dd{ text-align: center; font-size: 14px; color: #666666; padding: 35px 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dd span{ position: relative;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dd span:before{ content: ""; display: inline-block; width: 20px; height: 1px; background: #999; position: absolute; left: -35px; top: 50%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dd span:after{ content: ""; display: inline-block; width: 20px; height: 1px; background: #999; position: absolute; right: -35px; top: 50%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dt a{ font-size: 16px; color: #222222; display: inline-block; width: 33.33%; margin-bottom: 30px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dt a:hover{ color: #1266ca; font-weight: bolder;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right{ width: 68.5%; margin-left: 1.5%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top{ margin-bottom: 1.5%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list{ position: relative; width: 66.3%; transition: all 0.3s ease; } .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_img{ overflow: hidden;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_img img{ width: 100%; height: 351px; object-fit: cover; -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; } .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list:hover .right_list_img img{ -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; } .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list:hover .right_list_content{ background: rgba(146,10,13,.9); transition: all 0.5s ease 0s;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_content{ position: absolute; bottom: 0; line-height: 40px; background: rgba(0,0,0,.5); width: 100%; padding: 0px 13px; transition: all 0.5s ease 0s;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_content dd{ color: #fff; font-size: 14px; overflow: hidden; width: 50%; text-overflow:ellipsis; white-space: nowrap; } .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_content dt{ color: #fff; font-size: 14px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_content dt img{ margin-right: 8px; position: relative; top: -1px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r{ width: 32%; margin-left: 1.5%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list{ width: 100%; margin-bottom: 4%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list:last-child{ margin-bottom: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list .right_list_img img{ height: 170px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom{ margin-bottom: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list{ width: 32.3333%; margin-right: 1.5%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list:last-child{ margin-right: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list .right_list_img img{ height: 170px;} .IndexCase .IndexCase_content .IndexCase_content_bottom{ text-align: center; margin-top: 50px;} .IndexCase .IndexCase_content .IndexCase_content_bottom a{ display: inline-block; line-height: 44px; font-size: 16px; color: #fff; padding: 0px 40px; min-width: 192px;} .IndexCase .IndexCase_content .IndexCase_content_bottom a:first-child{ background: #333333;} .IndexCase .IndexCase_content .IndexCase_content_bottom a img{ margin-right: 9px; position: relative; top: -2px;} .IndexCase .IndexCase_content .IndexCase_content_bottom a:last-child{ background: #1266ca; margin-left: 30px;} .IdenxService{ background: url(../images/bggg1.jpg) no-repeat 50%/cover; padding-bottom: 60px;} .IdenxService .IndexAdvantage_title dd{ color: #fff;} .IdenxService .IndexAdvantage_title dt{ color: #fff;} .IdenxService .IndexAdvantage_title:before{ background: url(../images/bn22.png) no-repeat 50% 50%;} .IdenxService .IndexAdvantage_title:after{ background: url(../images/bn23.png) no-repeat 50% 50%;} .IdenxService .IdenxService_content .IdenxService_content_list{ width: 18.4%; margin-right: 2%; background: #fff; text-align: center; padding-bottom: 45px; padding-top: 55px; position: relative; cursor: pointer;} .IdenxService .IdenxService_content .IdenxService_content_list:last-child{ margin-right: 0px;} .IdenxService .IdenxService_content .IdenxService_content_list dd{ line-height: 77px; margin-bottom: 30px;} .IdenxService .IdenxService_content .IdenxService_content_list dt p span{ color: #222222; font-size: 18px;} .IdenxService .IdenxService_content .IdenxService_content_list dt p{ color: #666666; font-size: 14px; text-transform: uppercase;} .IdenxService .IdenxService_content .IdenxService_content_list dt p:last-child{ margin-top: 10px;} .IdenxService .IdenxService_content .IdenxService_content_list:before{ content: ""; position: absolute; display: inline-block; width: 118px; height: 9px; background: #b42e32; left: 0; right: 0; margin: 0 auto; top: -5px; transition: all 0.5s ease 0s;} .IdenxService .IdenxService_content .IdenxService_content_list:hover:before{ width: 100%; transition: all 0.5s ease 0s;} .IndexSite{ padding-bottom: 45px;} .IndexSite .IndexSite_title{ text-align: center; margin-bottom: 45px;} .IndexSite .IndexSite_title a{ font-size: 16px; color: #222222; position: relative;} .IndexSite .IndexSite_title a:before{ content: "/"; font-size: 16px; color: #999999; margin: 0px 22px;} .IndexSite .IndexSite_title a:first-child:before{ display: none;} .IndexSite .IndexSite_title a:hover{ color: #1266ca; font-weight: bolder;} .IndexSite .IndexSite_content .IndexSite_content_list{ width: 24.25%; margin-right: 1%; margin-bottom: 2%;} .IndexSite .IndexSite_content .IndexSite_content_list:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,.15);} .IndexSite .IndexSite_content .IndexSite_content_list:nth-child(4n){ margin-right: 0px;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_img{ overflow: hidden;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_img img{ width: 100%; height: 188px; object-fit: cover; -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; } .IndexSite .IndexSite_content .IndexSite_content_list:hover .content_list_img img{ -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; } .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt{ padding: 21px 11px; background: #fff; border: 1px solid #ededed; position: relative; padding-bottom: 41px;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title{ width: 100%; line-height: 22px;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title dd{ font-size: 16px; color: #1266ca; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title dt{ font-size: 14px; color: #666666;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title dt img{ margin-right: 5px; position: relative; top: -2px;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt p{ width: 100%; margin-top: 10px; font-size: 14px; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt:before{ content: ""; display: inline-block; width: 20px; height: 2px; background: #1266ca; position: absolute; bottom:20px;transition: all 0.5s ease 0s;} .IndexSite .IndexSite_more{ text-align: center; padding-top: 30px;} .IndexSite .IndexSite_more a{ display: inline-block; background: #1266ca; line-height: 44px; width: 192px; text-align: center; color: #fff; font-size: 16px;} .IndexSite .IndexSite_content .IndexSite_content_list:hover .content_list_txt:before{ width: 35px; transition: all 0.5s ease 0s;} .IndexProcess{ background: url(../images/bg3.jpg) no-repeat 50%/cover;} .IndexProcess .IndexAdvantage_title dd{ color: #fff;} .IndexProcess .IndexAdvantage_title dd span{ color: #fff;} .IndexProcess .IndexAdvantage_title dt{ color: #fff;} .IndexProcess .IndexAdvantage_title:before{ background: url(../images/bn22.png) no-repeat 50% 50%;} .IndexProcess .IndexAdvantage_title:after{ background: url(../images/bn23.png) no-repeat 50% 50%;} .IndexProcess .IndexProcess_content .IndexProcess_content_list{ text-align: center; margin-bottom: 57px; width: 16.6%;} .IndexProcess .IndexProcess_content .IndexProcess_content_list:hover .content_list_icon{ background: #e60012; border: 1px solid #e60012;transition: all 0.5s ease 0s;} .IndexProcess .IndexProcess_content .IndexProcess_content_list:hover .content_list_txt dd{ color:#e60012;transition: all 0.5s ease 0s;} .IndexProcess .IndexProcess_content .IndexProcess_content_list:nth-child(6n){ margin-right: 0px;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_icon{ width: 80px; height: 80px; border: 1px solid #fff; border-radius: 100%; line-height: 72px; text-align: center; margin-bottom: 24px; margin: 0 auto; margin-bottom: 22px;transition: all 0.5s ease 0s;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt dd{ font-size: 16px; color: #fff; margin-bottom: 12px;transition: all 0.5s ease 0s;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt dt{ font-size: 18px; color: #fff;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt p{ font-size: 14px; color: rgba(255,255,255,.4); margin-top: 10px;} .IndexNews{ background: #fff; padding-bottom: 70px;} .IndexNews .IndexNews_content .IndexNews_content_left{ width: 46%;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_img img{ width: 100%; height: 280px; object-fit: cover;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt{ padding: 10px 15px; background: #f5f5f5;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title{ padding-bottom: 10px; position: relative; margin-bottom: 10px; line-height: 30px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title:before{ content: ""; position: relative; display: inline-block; width: 37px; height: 2px; background: #1266ca; position: absolute; bottom: 0; left: 0;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ font-size: 16px; color:#1266ca ; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dt{ font-size: 16px; color: #999999; } .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_bottom{ font-size: 14px; color: #666666; line-height: 23px; display: -webkit-box; height: 25px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .IndexNews .IndexNews_content .IndexNews_content_right{ width: 50%; background: #fff;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ background: #fff; border-top: 2px solid #e9e9e9; padding: 21px 0px; width: 100%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:last-child{ border-bottom: 2px solid #e9e9e9;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .left_txt_bottom{ -webkit-line-clamp: 2; height: 46px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .left_txt_title dd{ color: #1266ca;} .Links{ background: #f5f5f5; padding: 32px 0px;} .Links .Links_title{ font-size: 18px; color: #1266ca; border-bottom: 1px solid #dcdcdc; padding-bottom: 11px; position: relative; margin-bottom: 15px;} .Links .Links_title:before{ content: ""; position: absolute; display: inline-block; width: 72px; height: 1px; background: #a90000; bottom: 0; left: 0;} .Links .Links_content{ margin-bottom: -5px;} .Links .Links_content a{ display: inline-block; color: #b19999; font-size: 14px; margin-right: 30px; margin-top: 6px;} .Links .Links_content a:hover{ color: #1266ca;} .bottom{ background: #1266ca; padding: 20px 0px;} .bottom .bottom_list{ margin-right: 13%;} .bottom .bottom_list:last-child{ margin-right: 0px;} .bottom .bottom_list dd{ margin-right: 8px;} .bottom .bottom_list dt p span{ font-size: 18px; color: #fff;} .bottom .bottom_list dt p{ font-size: 12px; color: #fff;} .footer{ background: url(../images/bg5.jpg) no-repeat 50%/cover;} .footer .pc_all_contnet{ padding: 45px 0px;} .footer .footer_left{ width: 86%;} .footer .footer_left .footer_left_list{ width: 6%; margin-right: 8%;} .footer .footer_left .footer_left_list:last-child{ width: 30%; margin-right: 0px;} .footer .footer_left .footer_left_list dd{ margin-bottom: 15px;} .footer .footer_left .footer_left_list dd a{ font-size: 16px; color: #fff;} .footer .footer_left .footer_left_list dt a{ color: rgba(255,255,255,.5); display: inline-block; width: 100%; margin-bottom: 6px; font-size: 14px;} .footer .footer_left .footer_left_list dt p span{ color: #fff; font-size: 24px;} .footer .footer_left .footer_left_list dt p{ font-size: 14px; color: rgba(255,255,255,.5); margin-bottom: 7px;} .footer .footer_left .footer_left_list dt p:last-child{ margin-bottom: 0px;} .footer .footer_right .footer_right_title dd{ color: #fff; font-size: 14px; margin-bottom: 15px;} .footer .footer_right .footer_right_title dd img{ margin-right: 10px; position: relative; top: -2px;} .footer .footer_right .footer_right_bottom dt{ font-size: 14px; color: #fff; margin-top: 13px;} .Copyright{ border-top: 1px solid #797d80;} .Copyright .pc_all_contnet{ padding: 15px 0px;} .Copyright .pc_all_contnet dd{ color: rgba(255,255,255,.5); font-size: 14px;} .Copyright .pc_all_contnet a{ color: rgba(255,255,255,.5); font-size: 14px;} .details_banner{ position: relative;} .details_banner .details_banner_img{ width: 100%;} .details_banner .details_banner_img img{ width: 100%; height: 310px; object-fit: cover;} .details_banner .details_banner_txt{ text-align: center; position: absolute; left: 50%; top: 64%; transform: translateX(-50%) translateY(-50%); } .details_banner .details_banner_txt dd{ color: rgba(255,255,255,.7); font-size: 36px; font-weight: bolder; text-transform: uppercase;} .details_banner .details_banner_txt p{ color: #fff; font-size: 28px; margin-bottom: 25px; margin-top: 15px;} .detais_nav{ background: #f5f5f5; color: #999999; font-size: 14px; padding: 20px 0px;} .detais_nav a{ color: #999999; font-size: 14px;} .detais_nav a.on{ color: #1266ca;} .about{ background: #f5f5f5 url(../images/bn52.png) no-repeat 15% 50%; padding-bottom: 75px;} .about .about_title{ position: relative; text-align: center; background: url(../images/bn51.png) no-repeat 50% 65%; margin-bottom: 50px;} .about .about_title:before{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn49.png) no-repeat 50% 50%; position: absolute; left: 0; top: 48px;} .about .about_title:after{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn50.png) no-repeat 50% 50%; position: absolute; right: 0; top: 48px;} .about .about_title dd{ font-size: 30px; color: #333333;} .about .about_title p{ font-size: 12px; color: #999999; letter-spacing: .1em; padding: 5px 0px;} .about .about_title dt{ font-size: 22px; color: #b9b2b2; text-transform: uppercase;} .about .about_content{ margin-top: 60px;} .about .about_content .about_content_left{ width: 49%;} .about .about_content .about_content_left dd{ font-size: 18px; color: #1266ca; font-weight: bolder; margin-bottom: 25px;} .about .about_content .about_content_left dt{ font-size: 14px; color: #777777; line-height: 28px; height: 454px; overflow: auto; padding-right: 20px;} .about .about_content .about_content_left dt p{ text-indent: 2em; margin-bottom: 20px;} .about .about_content .about_content_right .content_right_list{ margin-bottom: 27px;} .about .about_content .about_content_right .content_right_list:last-child{ margin-bottom: 0px;} .about .about_content .about_content_left dt::-webkit-scrollbar-track { background-color: #dcdcdc;} .about .about_content .about_content_left dt::-webkit-scrollbar-thumb { background:#1266ca; } /* 滑块颜色 */ .about .about_content .about_content_left dt::-webkit-scrollbar-button { background-color: #dcdcdc; } /* 滑轨两头的监听按钮颜色 */ .about .about_content .about_content_left dt::-webkit-scrollbar-corner { background-color: #dcdcdc; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .about .about_content .about_content_left dt::-webkit-scrollbar {width: 3px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ .culture{ background: #fff; padding-top: 60px; padding-bottom: 45px;} .culture .culture_content .culture_content_list{ width: 23%; margin-right: 2.5%; cursor: pointer; transition: all 0.5s ease 0s;} .culture .culture_content .culture_content_list:nth-child(4){ margin-right: 0px;} .culture .culture_content .culture_content_list .content_list_img{ overflow: hidden; position: relative;} .culture .culture_content .culture_content_list .content_list_img:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,.5); transition: all 0.5s ease 0s; opacity: 0;} .culture .culture_content .culture_content_list .content_list_img img{ width: 100%; } .culture .culture_content .culture_content_list .content_list_img dd{ transition: all 0.5s ease 0s; opacity: 0;} .culture .culture_content .culture_content_list .content_list_img dd img{ height: auto; width: auto;} .culture .culture_content .culture_content_list .content_list_img dd{ position: absolute; text-align: center; color: #fff; left: 50%; width: 95%; top: 50%; transform: translateX(-50%) translateY(-50%); } .culture .culture_content .culture_content_list .content_list_img dd p:last-child{ margin-top: 20px;} .culture .culture_content .culture_content_list .content_list_txt{ padding: 20px 0px;} .culture .culture_content .culture_content_list .content_list_txt dd{ font-size: 22px; color: #333333; font-weight: bolder; text-transform: uppercase; text-align: center;} .culture .culture_content .culture_content_list .content_list_txt dt{ font-size: 18px; color: #333333; text-align: center; margin-top: 10px;} .culture .culture_content .culture_content_list .content_list_txt dt span{ position: relative;} .culture .culture_content .culture_content_list .content_list_txt dt span:before{ content: ""; position: absolute; display: inline-block; width: 45px; height: 1px; background: #2a3449; left: -65px; top: 45%;} .culture .culture_content .culture_content_list .content_list_txt dt span:after{ content: ""; position: absolute; display: inline-block; width: 45px; height: 1px; background: #2a3449; right: -65px; top: 45%;} .culture .culture_content .culture_content_list:hover .content_list_img:before{ opacity: 1; transition: all 0.5s ease 0s;} .culture .culture_content .culture_content_list:hover .content_list_img dd{ opacity: 1; transition: all 0.5s ease 0s;} .article img{ width: 100%; height: 199px; object-fit: cover;} .core{ background: #f5f5f5;} .core .core_content .core_content_list{ width: 23.5%; margin-right: 2%; background: #fff; padding: 50px 22px; text-align: center; position: relative; transition: all 0.5s ease 0s; margin-bottom: 2%;} .core .core_content .core_content_list:nth-child(4n){ margin-right: 0px;} .core .core_content .core_content_list .content_list_txt{ transition: all 0.5s ease 0s; opacity: 1;} .core .core_content .core_content_list .content_list_txt dd{ margin-bottom: 24px;} .core .core_content .core_content_list .content_list_txt dt{ font-weight: bolder; color: #000000; font-size: 16px; margin-bottom: 15px;} .core .core_content .core_content_list .content_list_txt p{ font-size: 14px; color: #666666; line-height: 22px;} .core .core_content .core_content_list .content_list_hover{ position: absolute; background: url(../images/bn62.png) no-repeat 50%/cover; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.5s ease 0s; padding: 0px 15px; padding-top: 60px;} .core .core_content .core_content_list .content_list_hover dd{ color: #fff; font-size: 20px; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 24px;} .core .core_content .core_content_list .content_list_hover dd:before{ content: ""; display: inline-block; width: 23px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} .core .core_content .core_content_list .content_list_hover dt{ line-height: 24px; color: #fff; font-size: 14px;} .core .core_content .core_content_list:nth-child(1){ background: url(../images/bg15.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(2){ background: url(../images/bg16.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(3){ background: url(../images/bg17.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(4){ background: url(../images/bg18.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(5){ background: url(../images/bg19.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(6){ background: url(../images/bg20.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(7){ background: url(../images/bg21.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:nth-child(8){ background: url(../images/bg22.jpg) no-repeat 50%/cover;} .core .core_content .core_content_list:hover .content_list_hover{ opacity: 1; transition: all 0.5s ease 0s;} .Architecture{ background: #fff;} .Architecture .Architecture_content{ text-align: center; margin-top: 60px; padding-bottom: 25px;} .Engineering,.Engineering_nav{ background: #fff;} .Engineering .Engineering_content .Engineering_content_list{ width: 18.4%; margin-right: 2%; border: 1px solid #dcdcdc;} .Engineering .Engineering_content .Engineering_content_list:last-child{ margin-right: 0px;} .Engineering .Engineering_content .Engineering_content_list .content_list_img img{ width: 100%;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt{ padding-bottom: 25px;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dd{ font-size: 16px; color: #222222; text-align: center; line-height: 45px; border-bottom: 1px dashed #dcdcdc; margin: 0px 30px; margin-bottom: 20px; } .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt{ text-align: center; padding: 0px 45px;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt span{ color: #666; font-size: 14px; position: relative; margin-right: 10px; padding-right: 10px; display: inline-block; margin-bottom: 5px;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt span:before{ content: ""; display: inline-block; width: 2px; background: #e5e9ef; height: 13px; position: absolute; right: -2px; opacity: 0; top: 20%;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt span:first-child:before{ opacity: 1;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt span:nth-child(2){ margin-right: 0px; padding-right: 0px;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt span:nth-child(3){ margin-right: 0px; padding-right: 0px;} .Engineering .Engineering_content .Engineering_content_list:nth-child(4) .content_list_txt dt{ text-align: center; padding: 0px 38px;} .Engineering .Engineering_content .Engineering_content_list:nth-child(5) .content_list_txt dt{ text-align: center; padding: 0px 31px;} .Engineering .Engineering_bottom{ margin-top: 40px;} .Engineering .Engineering_bottom .Engineering_bottom_left{ width: 40%;} .Engineering .Engineering_bottom .Engineering_bottom_right{ width: 60%;} .Engineering .Engineering_bottom .Engineering_bottom_right .bottom_right_list{ display: inline-block; width: 33.33%; height: 145px; line-height: 145px; background: #2b2934; text-align: center; color: #fff; font-size: 18px;} .Engineering .Engineering_bottom .Engineering_bottom_right .bottom_right_list:nth-child(2n){ background: #f5f5f5; color: #222222;} .diamond{ background: #f5f5f5 url(../images/bg50.jpg) no-repeat 50%/cover;} .diamond .diamond_content .diamond_content_list{ width: 18.4%; margin-right: 2%; cursor: pointer; box-shadow: 0px 0px 0px rgba(0,0,0,.2); transition: all 0.5s ease 0s; margin-bottom: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(5n){ margin-right: 0px;} .diamond .diamond_content .diamond_content_list .content_list_img{ position: relative;} .diamond .diamond_content .diamond_content_list .content_list_img dd img{ width: 100%; } .diamond .diamond_content .diamond_content_list .content_list_img dt{ position: absolute; width: 100%; height: 100%; background: url(../images/bn67.png) no-repeat 50%/cover; left: 0; top: 0; line-height: 22px; color: #fff; padding: 12px 12px; opacity: 0; transition: all 0.5s ease 0s;} .diamond .diamond_content .diamond_content_list .content_list_txt{ line-height: 55px; background: #fff; text-align: center; font-size: 16px; color: #333333; overflow: hidden; padding: 0px 10px; text-overflow:ellipsis; white-space: nowrap; } .diamond .diamond_content .diamond_content_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.2); } .diamond .diamond_content .diamond_content_list:hover .content_list_img dt{ opacity: 1; transition: all 0.5s ease 0s;} .system{ background: #fff;} .system .system_content{ background: url(../images/bg51.jpg) no-repeat 50% 50%; padding: 15px 0px;} .system .system_content .system_content_list{ width: 50%; margin-bottom: 50px; padding-left: 5%; position: relative;} .system .system_content .system_content_list:before{ content: ""; position: absolute; display: inline-block;} .system .system_content .system_content_list .content_list_left{ text-align: right; margin-right: 22px; width: 43%; padding: 8px 0px;} .system .system_content .system_content_list .content_list_left dd{ font-size: 24px; color: #333333;} .system .system_content .system_content_list .content_list_left dt{ font-size: 14px; color: #999999; margin-top: 15px;} .system .system_content .system_content_list .content_list_right{ width: 81px; height: 81px; overflow: hidden; border-radius: 100%; position: relative; z-index: 5;} .system .system_content .system_content_list .content_list_right img{ width: 100%; height: 81px; object-fit: cover;} .system .system_content .system_content_list:nth-child(2n){ float: right; width: 32.5%; padding-left: 0px;} .system .system_content .system_content_list:nth-child(1){ padding-top: 20px;} .system .system_content .system_content_list:nth-child(2){ padding-top: 20px;} .system .system_content .system_content_list:nth-child(4) .content_list_right{ border: 1px solid #dcdcdc;} .system .system_content .system_content_list:nth-child(4) .content_list_left{ padding: 0px;} .system .system_content .system_content_list:nth-child(2n) .content_list_left{ text-align: left; margin-left: 22px; margin-right: 0px; width: 68%;} .system .system_content .system_content_list:nth-child(1):before{ width: 294px; height: 245px; background: url(../images/bn68.png) no-repeat 50% 50%; right: -12%; top: 62%;} .system .system_content .system_content_list:nth-child(2):before{ width: 294px; height: 245px; background: url(../images/bn69.png) no-repeat 50% 50%; left: -43%; top: 10%;} .system .system_content .system_content_list:nth-child(3):before{ width: 294px; height: 245px; background: url(../images/bn70.png) no-repeat 50% 50%; right: -9%; top: -94%;} .system .system_content .system_content_list:nth-child(5):before{ width: 294px; height: 245px; background: url(../images/bn71.png) no-repeat 50% 50%; right: -1%; top: -107%;} .system .system_content .system_content_list:nth-child(6):before{ width: 294px; height: 245px; background: url(../images/bn72.png) no-repeat 50% 50%; left: -68%; top: -131%;} .system .system_more{ text-align: center; margin-top: 30px;} .system .system_more a{ display: inline-block; line-height: 46px; width: 162px; border-radius: 5px; background: #1266ca; color: #fff; font-size: 18px;} .box{ margin-top: 20px;} .box .box_list{ width: 16.66%; position: relative; cursor: pointer;} .box .box_list:before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.35); z-index: 5;} .box .box_list .box_list_content{ position: absolute; left: 50%; width: 85%; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 6; } .box .box_list .box_list_img{ overflow: hidden;} .box .box_list .box_list_img img{ width: 100%; -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; } .box .box_list .box_list_content dd{ margin-bottom: 25px;} .box .box_list .box_list_content dt{ font-size: 16px; color: #fff; line-height: 24px; height: 48px;} .box .box_list:hover .box_list_img img{ width: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: scale(1.1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Quality .Quality_content .Quality_content_top{ font-size: 16px; color: #666666; line-height: 36px; text-align: center;} .Quality .Quality_content .Quality_content_bottom{ margin-top: 45px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list{ width: 9.33%; border: 1px solid #bbbbbb; padding: 12px; border-radius: 5px 5px 50px 5px; margin-right: 2%;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:last-child{ margin-right: 0px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_title{ margin-bottom: 40px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_title dd{ color: #1266ca; position: relative; margin-bottom: 15px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_title dd:before{ content: ""; position: absolute; display: inline-block; width: 30px; height: 1px; background: #999; transform: rotate(-50deg); bottom: 2px; left: -5px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_title dt{ width: 15px; line-height: 17px; color: #666; font-size: 16px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_img{ border-radius: 5px 5px 50px 5px; overflow: hidden;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list .bottom_list_img img{ width: 100%;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(1){ border-top: 2px solid #61d8d8;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(2){ border-top: 2px solid #7bcfaa;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(3){ border-top: 2px solid #5ca7db;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(4){ border-top: 2px solid #efaa73;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(5){ border-top: 2px solid #ed9090;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(6){ border-top: 2px solid #fcc668;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(7){ border-top: 2px solid #59d6d6;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(8){ border-top: 2px solid #7bcfaa;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(9){ border-top: 2px solid #64abdd;} .contact{ background: #fff; padding-bottom: 50px;} .contact .contact_top .contact_top_left{ width: 42%; background: #f6f6f6; padding: 30px 25px;} .contact .contact_top .contact_top_left .top_left_list{ background: #fff; width: 100%; margin-bottom: 27px; padding: 33px 0px; padding-left: 50px;} .contact .contact_top .contact_top_left .top_left_list:last-child{ margin-bottom: 0px;} .contact .contact_top .contact_top_left .top_left_list dd{ margin-right: 25px;} .contact .contact_top .contact_top_left .top_left_list dt{ width: 65%;} .contact .contact_top .contact_top_left .top_left_list dt p{ font-size: 14px; color: #333333; margin-bottom: 8px;} .contact .contact_top .contact_top_left .top_left_list dt p:last-child{ margin-bottom: 0px;} .contact .contact_top .contact_top_left .top_left_list:nth-child(2) dt{ padding: 28px 0px;} .contact .contact_top .contact_top_left .top_left_list:nth-child(3) dt{ padding: 20px 0px;} .contact .contact_top .contact_top_right{ width: 54%; margin-left: 4%;} .contact .contact_top .contact_top_right .top_right_list{ margin-bottom: 19px;} .contact .contact_top .contact_top_right .top_right_list dd{ font-size: 14px; color: #333333; margin-bottom: 11px;} .contact .contact_top .contact_top_right .top_right_list dt input{ line-height: 50px; background: #f6f6f6; width: 100%; padding: 0px 15px; font-size: 14px; color: #333;} .contact .contact_top .contact_top_right .top_right_list dt textarea{ line-height: 24px; background: #f6f6f6; width: 100%; padding: 10px 15px; font-size: 14px; color: #333; resize: none; height: 156px;} .contact .contact_top .contact_top_right .top_right_submit{ padding-top: 5px;} .contact .contact_top .contact_top_right .top_right_submit input{ width: 100%; line-height: 50px; background: #1266ca; text-align: center; font-size: 15px; color: #fff; cursor: pointer;} .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} .bottom{ top: 46px !important;} .center{ width: 297px !important;} #dituContent{ margin-top: 50px; border: 0px !important;} .contact .contact_join .contact_join_title{ text-align: center; font-size: 25px; color: #333333; position: relative; padding: 40px 0px;} .contact .contact_join .contact_join_title:before{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn49.png) no-repeat 50% 50%; position: absolute; left: 0; top: 45%;} .contact .contact_join .contact_join_title:after{ content: ""; display: inline-block; width: 483px; height: 11px; background: url(../images/bn50.png) no-repeat 50% 50%; position: absolute; right: 0; top: 45%;} .join_list{ margin-bottom: 10px;} .join_list .join_list_title{ line-height: 55px; background: #f8f8f8; padding: 0px 40px; cursor: pointer;} .join_list .join_list_title:hover{ background: #1266ca;} .join_list .join_list_title:hover div{ color: #fff !important;} .join_list .join_list_title.on{ background: #1266ca;} .join_list .join_list_title.on div{ color: #fff !important;} .join_list .join_list_title div:nth-child(1){ color: #1266ca; font-size: 15px; font-weight: bolder; width: 40%;} .join_list .join_list_title div:nth-child(2){ color: #666; font-size: 13px; width: 30%;} .join_list .join_list_title div:nth-child(3){ width: 25%; text-align: right;} .join_list .join_list_title div .Social2{ display: none;} .join_list .join_list_content{ padding: 20px 40px; display: none;} .join_list .join_list_content .list_content_list{ margin-bottom: 40px;} .join_list .join_list_content .list_content_list dd{ font-size: 15px; color: #1266ca; padding-bottom: 10px;} .join_list .join_list_content .list_content_list dt p{ line-height: 28px; font-size: 13px; color: #828282; font-family:'微软雅黑';} .join_list .join_list_content .list_content_list dt p span{ font-family:'微软雅黑';} .join_list .join_list_content .em{ font-size: 13px; color: #1266ca;} .case{ padding-bottom: 55px;} .case .case_content{ box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 20px 35px;} .case .case_content .case_content_title{ font-size: 24px; color: #212628; position: relative; padding-left: 14px;} .case .case_content .case_content_title:before{ content: ""; position: absolute; display: inline-block; width: 5px; height: 20px; background: #1266ca; border-radius: 50px; left: 0; top: 20%;} .case .case_content .case_content_title span{ color: #666; font-size: 14px; margin-left: 15px;} .case .case_content .case_content_title span b{ color: #1266ca;} .case .case_content .case_content_form{ margin-top: 20px;} .case .case_content .case_content_form .content_form_list{ border: 1px solid #dcdcdc; margin-right: 1.7%; background: #fafafa; width: 20%;} .case .case_content .case_content_form .content_form_list:last-child{ margin-right: 0px;} .case .case_content .case_content_form .content_form_list input{ line-height: 42px; width: 100%; background: #fafafa; padding: 0px 10px; font-size: 15px; color: #333;} .case .case_content .case_content_form .content_form_area{ font-size: 15px; color: #333333;} .case .case_content .case_content_form .content_form_area input{ width: 90%;} .case .case_content .case_content_form .content_form_select select{ height: 42px; width: 100%; background: #fafafa; padding: 0px 10px; font-size: 15px; color: #333333; border: none; cursor: pointer; outline: none; /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ background: url(../images/bn82.png) no-repeat 95% 50% transparent;} .case .case_content .case_content_form .content_form_submit{ border-radius: 4px; overflow: hidden; border: 0px; width: 13%;} .case .case_content .case_content_form .content_form_submit input{ background: #1266ca; color: #fff; font-size: 15px; cursor: pointer;} .case .case_top{ margin-top: 45px;} .case .case_top .case_top_list{ border: 1px solid #dcdcdc; border-bottom: 0px; background: #fafafa;} .case .case_top .case_top_list:last-child{ border-bottom: 1px solid #dcdcdc;} .case .case_top .case_top_list dd{ background: #fafafa; font-size: 14px; color: #666666; width: 8%; text-align: center; line-height: 50px;} .case .case_top .case_top_list dt{ width: 92%; padding: 13px 0px; padding-left: 1.5%; background: #fff;} .case .case_top .case_top_list dt a{ font-size: 14px; color: #222222; margin-right: 15px; display: inline-block; line-height: 24px; padding: 0px 8px;} .case .case_top .case_top_list dt a.on{ color: #fff; background: #1266ca;} .case .case_top .case_top_list dt a:hover{ color: #fff; background: #1266ca;} .case .case_bottom{ margin-top: 45px; padding-bottom: 20px;} .case .case_bottom .case_bottom_list{ position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2%;} .case .case_bottom .case_bottom_list:nth-child(4n){ margin-right: 0px;} .case .case_bottom .case_bottom_list .bottom_list_img{ overflow: hidden;} .case .case_bottom .case_bottom_list .bottom_list_img img{ width: 100%; height: 185px; object-fit: cover; -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; } .case .case_bottom .case_bottom_list .bottom_list_txt{ position: absolute; bottom: 0; line-height: 40px; background: rgba(0,0,0,.4); width: 100%; padding: 0px 13px;} .case .case_bottom .case_bottom_list .bottom_list_txt dd{ color: #fff; font-size: 14px; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .case .case_bottom .case_bottom_list .bottom_list_txt dt{ text-align: right; color: #fff; font-size: 14px;} .case .case_bottom .case_bottom_list .bottom_list_txt dt img{ margin-right: 8px;} .case .case_bottom .case_bottom_list:hover .bottom_list_img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: scale(1.1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .page li a{ width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background: #fff; color: #666666; margin-right: 15px; border: 1px solid #dcdcdc;} .page li.active a{ background: #1266ca; color: #fff; border: 1px solid #1266ca;} .page li:hover a{ background: #1266ca; color: #fff; border: 1px solid #1266ca;} .page li .prev,.page li .next{ width: 100px;} .process{ background: #fff url(../images/bn84.png) no-repeat 50% 140px;} .process .process_content{ padding: 10px 100px; padding-left: 60px;} .process .process_content .process_content_list{ text-align: center; width: 25%; margin-bottom: 6.5%;} .process .process_content .process_content_list dd{ font-size: 18px; color: #333333;} .process .process_content .process_content_list dd span{ color: #1266ca; font-weight: bolder;} .process .process_content .process_content_list dt{ width: 95px; height: 95px; border-radius: 100%; overflow: hidden; margin: 15px auto;} .process .process_content .process_content_list dt img{ width: 100%; height: 95px; object-fit: cover;} .process .process_content .process_content_list p{ font-size: 16px; color: #666666;} .node{ background: url(../images/bg87.jpg) no-repeat 50%/cover; padding: 50px 0px;} .node .node_content .node_content_left{ width: 50%;} .node .node_content .node_content_left .content_left_list{ display: inline-block; line-height: 95px; background: #fff; width: 100%; padding: 0px 38px; margin-bottom: 15px; box-shadow: 0px 0px 0px rgba(204,51,51,.58);} .node .node_content .node_content_left .content_left_list:last-child{ margin-bottom: 0px;} .node .node_content .node_content_left .content_left_list .left_list_title{ width: 84%;} .node .node_content .node_content_left .content_left_list .left_list_title dd{ width: 44px; overflow: hidden; margin-right: 30px;} .node .node_content .node_content_left .content_left_list .left_list_title dt{ font-size: 18px; color: #333333; font-weight: bolder;} .node .node_content .node_content_left .content_left_list .left_list_title dd img{ position: relative; transition: all 0.5s ease 0s; left: -44px;} .node .node_content .node_content_left .content_left_list .left_list_icon{ font-size: 26px; color: #999999;} .node .node_content .node_content_left .content_left_list:hover{ box-shadow: 0px 0px 15px rgba(204,51,51,.58); background: #1266ca;} .node .node_content .node_content_left .content_left_list:hover .left_list_title dt{ color: #fff;} .node .node_content .node_content_left .content_left_list:hover .left_list_icon{ color: #fff;} .node .node_content .node_content_left .content_left_list:hover .left_list_title dd img{ left: 0px; transition: all 0.5s ease 0s; } .node .node_content .node_content_left .content_left_list.on{ box-shadow: 0px 0px 15px rgba(204,51,51,.58); background: #1266ca;} .node .node_content .node_content_left .content_left_list.on .left_list_title dt{ color: #fff;} .node .node_content .node_content_left .content_left_list.on .left_list_icon{ color: #fff;} .node .node_content .node_content_left .content_left_list.on .left_list_title dd img{ left: 0px; transition: all 0.5s ease 0s; } .node .node_content .node_content_right { width: 48%;} .node .node_content .node_content_right .content_right_list .right_list_img img{ width: 100%; height: 299px; object-fit: cover;} .node .node_content .node_content_right .content_right_list .right_list_txt{ background: #fff; padding: 10px 30px; min-height: 136px;} .node .node_content .node_content_right .content_right_list .right_list_txt span{ font-size: 14px; color: #666666; display: inline-block; line-height: 29px;} .node .node_content .node_content_right .content_right_list .right_list_txt span{ width: 49%; margin-right: 2%;} .node .node_content .node_content_right .content_right_list .right_list_txt span:nth-child(2n){ margin-right: 0px;} .construction{ background: #fff url(../images/bn93.png) no-repeat 0% 100%; padding: 50px 0px;} .construction .construction_content .construction_content_list:first-child{ padding-top: 30px;} .construction .construction_content .construction_content_list:last-child{ padding-bottom: 80px;} .construction .construction_content .construction_content_list:last-child:after{ content: ""; position: absolute; display: inline-block; width: 28px; height: 28px; background: url(../images/bn92.png) no-repeat 50% 50%; bottom: 0; left: 0; right: 0; margin: 0 auto;} .construction .construction_content .construction_content_list{ background: url(../images/bn91.png) no-repeat 50% 0%; padding-top: 65px; position: relative;} .construction .construction_content .construction_content_list:before{ content: ""; display: inline-block; width: 2px; height: 70%; background: #1266ca; position: absolute; left: 0; margin: 0 auto; right: 0; bottom: 0;} .construction .construction_content .construction_content_list:nth-child(2n) .content_list_img{ float: right;} .construction .construction_content .construction_content_list:nth-child(2n) .content_list_right{ float: left;} .construction .construction_content .construction_content_list .content_list_img{ width: 44%;} .construction .construction_content .construction_content_list .content_list_right{ width: 44.5%;} .construction .construction_content .construction_content_list .content_list_right .list_right_title{ font-size: 24px; color: #666666; margin-bottom: 20px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister{ margin-bottom: 26px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:last-child{ margin-bottom: 0px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dd{ font-size: 16px; color: #1266ca; padding-left: 10px; background: url(../images/bn89.png) no-repeat 0% 50%; padding-left: 30px; line-height: 28px; margin-bottom: 1px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a{ display: inline-block; border: 1px dashed #1266ca; line-height: 30px; padding: 0px 13px; margin-top: 14px; margin-right: 2%; width: 32%; font-size: 14px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a b{ color: #1266ca;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a:nth-child(3n){ margin-right: 0px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dd{ background: url(../images/bn90.png) no-repeat 0% 50%;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dt a{ width: 23.5%; margin-right: 2%;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dt a:nth-child(3){ margin-right: 2%;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dt a:nth-child(4n){ margin-right: 0px;} .news_nav{ background: #fff; border-top: 1px solid #dcdcdc;} .news{ background: #fff; padding-bottom: 45px;} .news .news_top .news_top_list{ display: inline-block; width: 32%; margin-right: 2%; position: relative; border-radius: 5px; overflow: hidden;} .news .news_top .news_top_list:nth-child(3){ margin-right: 0px;} .news .news_top .news_top_list dd img{ width: 100%; -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; } .news .news_top .news_top_list dt{ font-size: 20px; color: #fff; z-index: 6; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .news .news_top .news_top_list:before{ content: ""; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; z-index: 5;} .news .news_top .news_top_list dt span{ position: relative; z-index: 6;} .news .news_top .news_top_list dt span:before{content: ""; display: inline-block; width: 15px; height: 1px; background: #fff; position: absolute; left: -30px; top: 50%;} .news .news_top .news_top_list dt span:after{content: ""; display: inline-block; width: 15px; height: 1px; background: #fff; position: absolute; right: -30px; top: 50%;} .news .news_top .news_top_list:hover dd img{ -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; } .news .news_bottom{ padding-bottom: 15px;} .news .news_bottom .news_bottom_list{ display: inline-block; width: 100%; padding: 30px 0px; border-bottom: 1px solid #dcdcdc;} .news .news_bottom .news_bottom_list:last-child{ border-bottom: 0px;} .news .news_bottom .news_bottom_list .bottom_list_left{ width: 23%; overflow: hidden;} .news .news_bottom .news_bottom_list .bottom_list_left img{ width: 100%; height: 178px; object-fit: cover; -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; } .news .news_bottom .news_bottom_list .bottom_list_right{ width: 75%; padding: 16px 0px;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_title{ font-size: 18px; color: #333333; font-weight: bolder; overflow: hidden; transition: all 0.5s ease 0s; text-overflow:ellipsis; white-space: nowrap; } .news .news_bottom .news_bottom_list .bottom_list_right .list_right_time{ font-size: 14px; color: #999999; width: 100%; padding: 13px 0px;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_time dd{ padding-left: 29px;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_time dd:nth-child(1){ background: url(../images/bn94.png) no-repeat 0% 50%; margin-right: 80px;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_time dd:nth-child(2){ background: url(../images/bn95.png) no-repeat 0% 50%;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_txt{ line-height: 25px; color: #666666; font-size: 14px; display: -webkit-box; height: 50px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_bottom .news_bottom_list .bottom_list_right .list_right_more{ font-size: 14px; color: #999;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_more span{ font-size: 20px; position: relative; top: 3px; margin-left: 10px;} .news .news_bottom .news_bottom_list:hover .bottom_list_right .list_right_title{ color: #1266ca; transition: all 0.5s ease 0s;} .news .news_bottom .news_bottom_list:hover .bottom_list_left img{ -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; } .NewsDetails{ padding-bottom: 60px;} .NewsDetails .NewsDetails_txt{ width: 66%;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_title h1{ font-size: 32px; font-weight: bolder;; line-height: 42px;} .NewsDetails .NewsDetails_txt .txt_title_content{ margin-top: 10px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_time span{ color: #999; margin-right: 19px; font-size: 14px; line-height: 24px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_size a{ display: inline-block;width: 24px; height: 24px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_size .txt_size_plus{ background: url(../images/bg12.jpg) no-repeat 50% 50%;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_size .txt_size_Less{ background: url(../images/bg11.jpg) no-repeat 50% 50%; margin-right: 8px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_content{ line-height: 2; font-size: 18px; margin-top: 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 55px ; margin-bottom: 20px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_page .txt_page_list{ width: 48%; margin-right: 4%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .NewsDetails .NewsDetails_txt .NewsDetails_txt_page .txt_page_list:nth-child(2){ margin-right: 0px; text-align: right;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_page span{color:#999999; font-size:16px; } .NewsDetails .NewsDetails_txt .NewsDetails_txt_page a{overflow: hidden; font-size: 16px; } .NewsDetails .NewsDetails_txt .NewsDetails_txt_page a:hover{ color:#cc2324;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_title{ color: #333; font-weight: 500; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; font-size: 22px;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_title span{ display: inline-block; position: relative; width: 2px; height: 22px; margin-right: 10px; background-color: #ea2626; top: 4px; } .NewsDetails .NewsDetails_new{ width: 29%} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list:hover dt{ color: #cc2324;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list{ display: inline-block; width: 48%; margin-right: 4%; margin-bottom: 5px;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list:nth-child(2n){ margin-right: 0px;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list dd{ overflow: hidden;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list dd img{ width: 100%; height: 105px; object-fit: cover;} .NewsDetails .NewsDetails_new .NewsDetails_new_top .new_top_content .top_content_list dt{ line-height: 42px; margin: 5px auto 10px auto; text-align: center; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .NewsDetails .NewsDetails_new .NewsDetails_new_bottom{ margin-top: 20px;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content{} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a{ display: inline-block; width: 100%; color: #333; line-height: 36px; padding-left: 35px; overflow: hidden; position: relative; text-overflow:ellipsis; white-space: nowrap; } .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:hover{ color: #cc2324;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:before{ content:"1"; display: inline-block; width: 19px; height: 19px; background: #bfbfbf; text-align: center; line-height: 19px; color: #fff; font-size: 12px; position: absolute; left: 0; top: 24%;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(1):before{ content:"1"; background: #fb4343; } .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(2):before{ content:"2"; background: #fb4343; } .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(3):before{ content:"3"; background: #fb4343; } .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(4):before{ content:"4"; background: #bfbfbf; color: #333;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(5):before{ content:"5"; background: #bfbfbf; color: #333;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:after{ content: ""; display: inline-block; width: 4px; height: 9px; background: url(../images/bn105.png) no-repeat 50% 50%; position: absolute; left: 19px; top: 35%;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(1):after{ background: url(../images/bn104.png) no-repeat 50% 50%;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(2):after{ background: url(../images/bn104.png) no-repeat 50% 50%;} .NewsDetails .NewsDetails_new .NewsDetails_new_bottom .new_top_content a:nth-child(3):after{ background: url(../images/bn104.png) no-repeat 50% 50%;} .ededed{ background:#ededed;} .f5f5f5{ background:#f5f5f5;} .Site_nav{ background: #ededed;} .Site{ background: #ededed;} .Site .Site_left{ width: 77%;} .Site .Site_left .Site_left_title{ background: #fafafa;} .Site .Site_left .Site_left_title dd{ width: 9%; color: #666666; font-size: 14px; line-height: 50px; background: #fafafa; text-align: center;} .Site .Site_left .Site_left_title dt{ width: 91%; padding: 13px 0px; padding-left:1.5%; background:#fff;} .Site .Site_left .Site_left_title dt a{ font-size: 14px; color: #222222; display: inline-block; line-height: 24px; padding: 0px 10px; margin-right: 10px;} .Site .Site_left .Site_left_title dt a:hover{ background: #1266ca; color: #fff;} .Site .Site_left .Site_left_title dt a.on{ background: #1266ca; color: #fff;} .Site .Site_left .Site_left_content{ padding-top: 5px; margin-bottom: 40px;} .Site .Site_left .Site_left_content .left_content_list{ background: #fff; padding: 25px 20px; margin-top: 20px;} .Site .Site_left .Site_left_content .left_content_list .content_list_left{ width: 33%; overflow: hidden;} .Site .Site_left .Site_left_content .left_content_list .content_list_left img{ width: 100%; height: 200px; object-fit: cover;} .Site .Site_left .Site_left_content .left_content_list .content_list_right{ width: 64%; margin-left: 3%; padding: 12px 0px;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_title{ font-size: 16px; color: #222222; padding-bottom: 14px; border-bottom: 1px solid #dcdcdc; margin-bottom: 14px; display: inline-block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_content dd{ font-size: 14px; color: #666666; width: 47%; margin-right: 6%; margin-bottom: 2%;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_content dd:nth-child(2n){ margin-right: 0px;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom{ padding-top: 20px;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom .right_bottom_icon{ width: 100%; height: 10px; background: url(../images/bn96.png) no-repeat 50% 50%; margin-bottom: 13px; background-size: 100% !important;} .Site .Site_left .Site_left_content .left_content_list.icon_1 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_1.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_2 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_2.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_3 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_3.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_4 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_4.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_5 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_5.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_6 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_6.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_7 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_7.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list.icon_8 .content_list_right .list_right_bottom .right_bottom_icon{ background: url(../images/bn96_8.png) no-repeat 50% 50%;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom .right_bottom_txt dd{ font-size: 12px; color: #666666; width: 12.5%; text-align: center;} .Site .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom .right_bottom_txt dd.on{ color: #1266ca;} .Site .Site_right{ width: 20.5%; margin-left: 2.5%;} .Site .Site_right.on{ position: fixed; right: 17.2%; width: 256px; top: 0;} .Site .Site_right .Site_right_top{ background: #fff; padding: 20px;} .Site .Site_right .Site_right_top .right_top_title{ font-size: 16px; color: #1266ca; text-align: center; margin-bottom: 15px;} .Site .Site_right .Site_right_top .right_top_form .top_form_list{ margin-bottom: 12px;} .Site .Site_right .Site_right_top .right_top_form .top_form_list input{ width: 100%; line-height: 36px; border: 1px solid #999999; border-radius: 5px; padding: 0px 10px;} .Site .Site_right .Site_right_top .right_top_form dd{ color: #666666; font-size: 16px; text-align: center;} .Site .Site_right .Site_right_top .right_top_form .top_form_submit{ padding: 13px 0px;} .Site .Site_right .Site_right_top .right_top_form .top_form_submit input{ line-height: 36px; width: 100%; border-radius: 5px; background: #1266ca; color: #fff; font-size: 16px; cursor: pointer;} .Site .Site_right .Site_right_top .right_top_form dt{ font-size: 12px; color: #999999; text-align: center; margin-bottom: 18px;} .Site .Site_right .Site_right_top .right_top_form dt b{ font-size: 18px; color: #1266ca;} .Site .Site_right .Site_right_top .right_top_form .top_form_phone{ background: #f5f5f5; text-align: center; padding: 12px 0px;} .Site .Site_right .Site_right_top .right_top_form .top_form_phone p{ font-size: 16px; color: #999999;} .Site .Site_right .Site_right_top .right_top_form .top_form_phone p img{ margin-right: 8px; position: relative; top: -2px;} .Site .Site_right .Site_right_top .right_top_form .top_form_phone p span{ font-size: 22px; color: #333333; margin-top: 5px; display: inline-block;} .Site .Site_right .Site_right_bottom{ background: #fff; padding: 0px 20px; padding-bottom: 20px; margin-top: 30px;} .Site .Site_right .Site_right_bottom .right_bottom_title{ line-height: 45px; border-bottom: 1px solid #dcdcdc;} .Site .Site_right .Site_right_bottom .right_bottom_title dd{ color: #333333;} .Site .Site_right .Site_right_bottom .right_bottom_title a{ color: #1266ca;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list{ display: inline-block; width: 100%; margin-top: 18px;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list .content_list_img{ width: 48%; overflow: hidden;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list .content_list_img img{ width: 100%; height: 73px; object-fit: cover; -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; } .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list .content_list_txt{ width: 48%; margin-left: 4%; padding: 4px 0px;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list .content_list_txt dd{ font-size: 14px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list .content_list_txt dt{ color: #999999; font-size: 12px; margin-top: 10px;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list:hover .content_list_txt dd{ color: #1266ca;} .Site .Site_right .Site_right_bottom .right_bottom_content .bottom_content_list:hover .content_list_img img{ -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; } .Site_details .Site_details_top{ background: #fff; padding: 30px 38px;} .Site_details .Site_details_top .details_top_title{ font-size: 24px; color: #333333;} .Site_details .Site_details_top .details_top_content{ background: #f6f6f6; padding: 17px 0px; margin-top: 20px; margin-bottom: 30px;} .Site_details .Site_details_top .details_top_content .top_content_left{ text-align: center; width: 25%; border-right: 1px solid #cccccc;} .Site_details .Site_details_top .details_top_content .top_content_left dd{ font-size: 20px; color: #333333; margin-bottom: 6px;} .Site_details .Site_details_top .details_top_content .top_content_left dd img{ margin-right: 8px; position: relative; top: -2px;} .Site_details .Site_details_top .details_top_content .top_content_left dt{ font-size: 14px; color: #b4b6be; text-transform: uppercase;} .Site_details .Site_details_top .details_top_content .top_content_right{ width: 72%; margin-left: 3%;} .Site_details .Site_details_top .details_top_content .top_content_right dd{ width: 25%; color: #999999; height: 25px; line-height: 25px;} .Site_details .Site_left .Site_left_content,.Site_details .Site_left .Site_left_content .left_content_list{ padding: 0px; margin: 0px;} .Site_details .Site_left .Site_left_content .left_content_list .content_list_right{ width: 100%; margin-left: 0px; padding: 0px;} .Site_details .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom{ padding-top: 0px;} .Site_details .Site_left .Site_left_content .left_content_list.icon_3 .content_list_right .list_right_bottom .right_bottom_icon{ background-size: 100%;} .Site_details .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom .right_bottom_txt dd{ font-size: 14px;} .Site_details .Site_details_content{ background: #fff; margin-top: 25px; padding: 40px 0px; padding-bottom: 60px;} .Site_details .Site_details_content .details_content_list:first-child{ padding-top: 0px;} .Site_details .Site_details_content .details_content_list{ position: relative; padding-left: 90px; padding-top: 55px;} .Site_details .Site_details_content .details_content_list .content_list_title{ font-size: 16px; color: #fff; background: url(../images/bn99.png) no-repeat 0% 50%; line-height: 30px; padding-left: 15px; margin-bottom: 15px; position: relative;} .Site_details .Site_details_content .details_content_list .content_list_txt p{ margin-top: 25px;} .Site_details .Site_details_content .details_content_list .content_list_title:before{ content: ""; display: inline-block; width: 24px; height: 24px; background: url(../images/bn100.png) no-repeat 50% 50%; position: absolute; left: -44px; top: 12%;} .Site_details .Site_details_content .details_content_list:before{ content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; left:57px; top: 3%; border-left: 1px dashed #aa4042; } .case_nav{ background: #ededed;} .case_details .Site_left .case_details_top{ background: #fff; padding: 25px;} .case_details .Site_left .case_details_top .details_top_b{ margin-bottom: 10px;} .case_details .Site_left .case_details_top .details_top_b img{ width: 100%; height: 480px; object-fit: cover;} .case_details .Site_left .case_details_top .details_top_s{ position: relative; padding-left: 27px; padding-right: 30px; margin-bottom: 0px;} .case_details .Site_left .case_details_top .details_top_s .top_s_list{ margin: 0px 7px; outline: none; cursor: pointer; border: 1px solid #fff;} .case_details .Site_left .case_details_top .details_top_s .top_s_list.on{ border: 1px solid #1266ca;} .case_details .Site_left .case_details_top .details_top_s .top_s_list img{ width: 100%; height: 90px; object-fit: cover;} .case_details .Site_left .case_details_top .details_top_s .slick-next{ width: 24px; height: 90px; background: url(../images/bg106.jpg) no-repeat 50% 50%; right: 0; top: 11%;} .case_details .Site_left .case_details_top .details_top_s .slick-next:before{ display: none;} .case_details .Site_left .case_details_top .details_top_s .slick-prev{ width: 24px; height: 90px; background: url(../images/bg107.jpg) no-repeat 50% 50%; left: 0; top: 11%;} .case_details .Site_left .case_details_top .details_top_s .slick-prev:before{ display: none;} .case_details .Site_left .case_details_bottom .details_bottom_list{ background: #fff; padding: 25px; margin-top: 25px;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_title{ font-size: 18px; color: #333333; margin-bottom: 20px;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_title img{ margin-right: 15px; position: relative; top: -2px;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_content{ border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #fff;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_content dd{ font-size: 16px; color: #646464; width: 16.66%; background: #f5f5f5; height: 58px; border: 1px solid #dcdcdc; border-right: 0px; border-bottom: 0px; text-align: center; display:flex; align-items:center; justify-content:center;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_content dd:nth-child(2n){ background: #fff; font-size:14px; padding: 18px 10px; line-height: 15px;} .case_details .Site_left .case_details_bottom .details_bottom_txt .bottom_list_content{ border: 1px solid #dcdcdc; background: #f5f5f5; font-size: 16px; color: #666666; padding: 20px 29px; line-height: 24px;} .case_details .Site_left .case_details_bottom .details_bottom_img .bottom_list_content{ text-align: center; border: 0px;} .case_details .Site_left .case_details_bottom .details_bottom_img .bottom_list_content img{ max-width: 100%;} .case_details .Site_left .case_details_recommend{ margin-top: 50px; margin-bottom: -2%;} .case_details .Site_left .case_details_recommend .details_recommend_list .recommend_list_title{ line-height: 30px; border-bottom: 1px solid #999999; padding-bottom: 18px;} .case_details .Site_left .case_details_recommend .details_recommend_list .recommend_list_title dd{ font-size: 22px; color: #333333;} .case_details .Site_left .case_details_recommend .details_recommend_list .recommend_list_title a{ display: inline-block; width: 80px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; background: #1266ca;} .case_details .case_bottom .case_bottom_list{ width: 32%; margin-right: 2%;} .case_details .case_bottom .case_bottom_list:nth-child(3n){ margin-right: 0px;} .case_details .case_bottom{ padding-bottom: 0px;} #DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0} #DB_gallery img{border:none;vertical-align:top;} #DB_gallery .DB_thumSet .DB_thumMove li a{ display:inline-block; width:100px;} #DB_gallery .DB_thumSet .DB_thumMove li a img{ width:100%; height:90px; object-fit:cover;} #DB_gallery .DB_imgSet{position:relative;width:912px;height:480px;overflow:hidden;} #DB_gallery .DB_imgSet .DB_imgWin img{ width:100%; height:480px; object-fit:cover;} #DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff} #DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00} #DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00} #DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;} #DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;} #DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:912px;overflow:hidden} #DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0} #DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px} #DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;} #DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;} #DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:90px;border:5px solid #ff0000;left:0;top:0} .xf{ position: fixed; width: 172px; padding: 0px 10px; background: #1266ca; right: 0px; top: 30%; border-radius: 5px 0px 0px 5px; z-index:800;transition: all 0.4s ease 0s; -webkit-transform: all 0.4s ease 0s;} .xf .xf_xun{ padding: 20px 0px; border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center; position: relative; line-height:31px; cursor:pointer;} .xf .xf_xun .xf_xun_title{ font-size: 12px; color: #fff; display:inline-block; width:100%;} .xf .xf_xun .xf_xun_title span{ border-bottom: 0px solid rgba(255,255,255,0.2); font-size:15px; margin-left:15px;} .xf .xf_xun:last-child{ border-bottom:0px;} .xf .xf_xun .xf_xun_xiala{ position: absolute; left: -179px; width: 169px; background: #1266ca; line-height: 46px; font-size: 14px; color: #fff; text-align: center; top: 20%; display: none;} .xf .xf_xun:hover .xf_xun_xiala{ display: block;} @media screen and (max-width:1250px){ .all{ width: 96% !important; margin: 0 auto;height:auto} .pc_top,.xf{ display: none;} .footer .pc_all_contnet{ display:none;} .Copyright .pc_all_contnet{ display:block;} .footer{ padding-bottom: 0px !important;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .index_ourys .index_ourys_nei .ourys_nei_wen,.details_banner .details_banner_content{ display: none;} .all{ width: 96%; margin: 0 auto;height:auto; overflow: hidden;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .Copyright{ border-top: 0px;} .Copyright .pc_all_contnet{ text-align: center;} .Copyright .pc_all_contnet dd{ width: 100%; margin-bottom: 8px;} .Copyright .pc_all_contnet a{ width: 100%; display: inline-block;} .NewsDetails .NewsDetails_txt{ width: 100%;} .NewsDetails .NewsDetails_new{ display: none;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_title h1{ font-size: 18px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_content{ font-size: 15px;} .NewsDetails .NewsDetails_txt .NewsDetails_txt_page a,.NewsDetails .NewsDetails_txt .NewsDetails_txt_page{ font-size: 14px;} .banner .slick-slide img,.banner{ height:auto; overflow:inherit;} .IndexAdvantage .IndexAdvantage_title:before,.IndexAdvantage .IndexAdvantage_title:after{ display:none;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ width:60%;} .Quote .Quote_left,.Quote .Quote_right{ width:100%; margin:0px;} .Quote .Quote_left{ display:none;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left{ margin-bottom: 22px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left,.IndexCase .IndexCase_content .IndexCase_content_top .content_top_right{ width: 100%; margin-left: 0px;} .IndexCase{ padding-bottom: 40px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list{ width: 100%; margin-bottom: 10px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_img img{ height: 243px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r{ width: 100%; margin-left: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list,.IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list{ width: 49%; margin-right: 2%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list:nth-child(2n){ margin-right: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list .right_list_img img,.IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list .right_list_img img{ height: 119px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list:nth-child(2n){ margin-right: 0px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list:last-child{ display: none;} .IndexCase .IndexCase_content .IndexCase_content_bottom{ margin-top: 20px;} .IndexCase .IndexCase_content .IndexCase_content_bottom a:last-child{ margin-top: 15px;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt p{ height:57px;} .about .about_title:after,.about .about_title:before{ display: none;} .about .about_content .about_content_right{ width: 50%; text-align: right;} .box .box_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .box .box_list:nth-child(3n){ margin-right: 0px;} .box .box_list .box_list_content dd{ margin-bottom: 10px;} .box .box_list .box_list_content dd img{ height: 35px;} .box .box_list .box_list_content dt{ font-size: 14px;} .news .news_top,.NewsDetails{ margin-top: 25px;} .details_banner{ margin-bottom: 40px;} .details_banner .details_banner_img img{ height: auto;} .details_banner .details_banner_txt{ top: 50%;} .details_banner .details_banner_txt p{ margin-bottom: 0px;} .details_banner .details_banner_txt dt{ display: none;} .process{ background: #fff;} .contact .contact_top .contact_top_left{ width: 52%;} .contact .contact_top .contact_top_right{ width: 44%;} .contact .contact_join .contact_join_title:before,.contact .contact_join .contact_join_title:after{ display: none;} .case_details{ background: #ededed; padding-top: 25px;} .process .process_content{ padding: 10px 0px;} .process .process_content .process_content_list .content_list_bottom{ height: 42px;} .construction .construction_content .construction_content_list:before{ display: none;} .construction .construction_content .construction_content_list{ background: #fff;} .construction .construction_content .construction_content_list .content_list_img{ text-align: center; margin-bottom: 25px;} .construction .construction_content .construction_content_list .content_list_img,.construction .construction_content .construction_content_list .content_list_right{ width: 100%;} } @media screen and (max-width:950px){ .construction{ padding: 0px;} .node{ padding: 0px; background: #ededed;} .node .node_content .node_content_left .content_left_list .left_list_title dd img{ max-width: inherit;} .node .node_content .node_content_right .content_right_list .right_list_txt span{ font-size: 12px;} .node .node_content .node_content_right .content_right_list .right_list_txt{ padding: 0px 10px;} .process .process_content .process_content_list{ margin-bottom: 3%;} .process .process_content .process_content_list .content_list_bottom{ height: 42px;} .process .process_content .process_content_list p{ font-size: 14px;} .case .case_content .case_content_form .content_form_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .case .case_content .case_content_form .content_form_list:nth-child(3n){ margin-right: 0px;} .case .case_content{ padding: 20px 0px; padding-bottom: 10px;} .contact{ padding: 30px 0px;} .contact .contact_top .contact_top_left{ margin-bottom: 25px;} .contact .contact_top .contact_top_right{ margin-left: 0px;} .contact .contact_top .contact_top_left,.contact .contact_top .contact_top_right{ width: 100%;} .details_banner{ margin-bottom: 0px;} .news .news_top .news_top_list dt{ font-size: 16px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list{ height:230px;} .core .core_content .core_content_list{ width: 32%; margin-right: 2%;} .core .core_content .core_content_list:nth-child(3n){ margin-right: 0px;} .core .core_content .core_content_list:nth-child(4){ margin-right: 2%;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list{ height:185px;} .IndexAdvantage{ padding-top: 20px;} .IndexAdvantage .IndexAdvantage_title dd{ font-size: 18px; margin-bottom: 5px;} .IndexAdvantage .IndexAdvantage_title:after,.IndexAdvantage .IndexAdvantage_title:before{ display: none;} .IndexAdvantage .IndexAdvantage_title dt{ font-size: 13px;} .IndexAdvantage .IndexAdvantage_title{ margin-bottom: 22px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list:nth-child(3n){ margin-right: 0px;} .Quote .Quote_left{ display: none;} .Quote .Quote_right{ margin-left: 0px; width: 100%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left{ margin-bottom: 20px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left,.IndexCase .IndexCase_content .IndexCase_content_top .content_top_right{ width: 100%;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_left .top_left_txt dt a{ text-align: center;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .top_right_list .right_list_img img{ height: 299px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_top .right_top_r .top_right_list .right_list_img img{ height: 144px;} .IndexCase .IndexCase_content .IndexCase_content_top .content_top_right .top_right_bottom .top_right_list .right_list_img img{ height: 144px;} .IdenxService .IdenxService_content .IdenxService_content_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .IdenxService .IdenxService_content .IdenxService_content_list:nth-child(3n){ margin-right: 0px;} .IndexSite .IndexSite_content .IndexSite_content_list{ width: 32%; margin-right: 2%;} .IndexSite .IndexSite_content .IndexSite_content_list:nth-child(3n){ margin-right: 0px;} .IndexSite .IndexSite_content .IndexSite_content_list:nth-child(4){ margin-right: 2%;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title dd{ width: 60%;} .IndexProcess .IndexProcess_content .IndexProcess_content_list{ margin-bottom: 30px;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt p{ height: 38px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ width: 60%;} .details_banner .details_banner_img img{ height: 120px;} .details_banner .details_banner_txt dd,.details_banner .details_banner_txt dt{ display: none;} .details_banner .details_banner_txt{ top: 50%;} .details_banner .details_banner_txt p{ font-size: 18px; margin: 0px;} .about{padding-bottom: 30px;} .about .about_title{ background: none; padding-top: 30px; margin-bottom: 30px;} .about .about_title dd{ font-size: 18px;} .about .about_title dt{ font-size: 16px;} .about .about_content{ margin-top: 0px;} .about .about_title:after,.about .about_title:before{ display: none;} .about .about_content .about_content_left,.about .about_content .about_content_right{ width: 100%;} .about .about_content .about_content_left dt{ height: auto; padding-right: 0px;} .about .about_content .about_content_right .content_right_list{ margin-bottom: 10px;} .Engineering .Engineering_content .Engineering_content_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .Engineering .Engineering_content .Engineering_content_list:nth-child(3n){ margin-right: 0px;} .Engineering .Engineering_bottom .Engineering_bottom_left{ background: #2e2c37; text-align: center;} .Engineering .Engineering_bottom .Engineering_bottom_left,.Engineering .Engineering_bottom .Engineering_bottom_right{ width: 100%;} .culture{ padding-top: 0px;} .diamond .diamond_content .diamond_content_list{ width: 32%; margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(3n){ margin-right: 0px;} .diamond .diamond_content .diamond_content_list:nth-child(5){ margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(10){ margin-right: 2%;} .system .system_content{ background: #fff; padding: 0px;} .system .system_content .system_content_list{ padding-left: 0px; width: 100%; margin-bottom: 22px;} .system .system_content .system_content_list .content_list_left{ text-align: left; width: 60%;} .system .system_content .system_content_list .content_list_right{ float: right;} .system .system_content .system_content_list:nth-child(2n){ width: 100%;} .system .system_content .system_content_list:nth-child(2n) .content_list_left{ margin-left: 0px;} .system .system_content .system_content_list:nth-child(2n) .content_list_right{ float: right;} .system .system_content .system_content_list:nth-child(1),.system .system_content .system_content_list:nth-child(2){ padding-top: 0px;} .system .system_content .system_content_list:before{ display: none;} .system .system_content .system_content_list .content_list_left dd{ font-size: 18px;} .system .system_content .system_content_list .content_list_left dt{ margin-top: 8px;} .system .system_more{ margin-top: 0px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list{ width: 18.4%; margin-right: 2%; margin-bottom: 2%;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(5n){ margin-right: 0px;} .bottom{ margin-bottom: -4%;} .bottom .bottom_list{ width: 48%; margin-right: 4%; margin-bottom: 4%;} .bottom .bottom_list:nth-child(2n){ margin-right: 0px;} .culture .culture_content .culture_content_list .content_list_img img{ height: 230px;} .about .about_content .about_content_right{ overflow: hidden;} .about .about_content .about_content_right .content_right_list{ width: 32%; margin-right: 2%; margin-bottom: 2%; float: left;} .about .about_content .about_content_right .content_right_list:nth-child(3n){ margin-right: 0px;} .about .about_content .about_content_right .content_right_list img{ width: 100%; height: 120px; object-fit: cover;} .IndexProcess .IndexProcess_content .IndexProcess_content_list{ width:23%; margin-right:2%;} .IndexProcess .IndexProcess_content .IndexProcess_content_list:nth-child(4n){ margin-right:0px;} .culture .culture_content .culture_content_list{ width: 49%; margin-right: 2%;} .culture .culture_content .culture_content_list:nth-child(2n){ margin-right: 0px;} .news .news_bottom .news_bottom_list .bottom_list_left{ width: 31%;} .news .news_bottom .news_bottom_list .bottom_list_right{ width: 66%;} .case .case_top .case_top_list dd{ width: 12%;} .case .case_top .case_top_list dt{ width: 88%;} .case .case_bottom .case_bottom_list{ width: 32%; margin-right: 2%;} .case .case_bottom .case_bottom_list:nth-child(3n){ margin-right: 0px;} .case .case_bottom .case_bottom_list:nth-child(4){ margin-right: 2%;} .case .case_bottom .case_bottom_list:nth-child(8){ margin-right: 2%;} .case .case_bottom .case_bottom_list .bottom_list_txt dd{ width: 60%;} .case .case_bottom .case_bottom_list .bottom_list_img img{ height: 145px;} .Site .Site_left,.Site .Site_right{ width: 100%;} .Site .Site_right{ display: none;} .case_details .Site_left .case_details_top .details_top_b img{ height: 440px;} .case_details .Site_left .case_details_recommend{ margin-top: 30px;} .construction{ background: #fff;} .Site_details{ padding-top:20px;} .Site_details .Site_details_top{ padding:15px;} } @media screen and (max-width:600px){ .Site .Site_left .Site_left_content .left_content_list{ padding:13px;} .Site_details .Site_details_top .details_top_content .top_content_left,.Site_details .Site_details_top .details_top_content .top_content_right{ width:100%;} .Site_details .Site_details_top .details_top_content .top_content_left{ margin-bottom:15px; border-right:0px;} .Site_details .Site_details_top .details_top_content .top_content_right dd{ width:49%; margin-right:2%;} .Site_details .Site_details_top .details_top_content .top_content_right dd:nth-child(2n){ margin-right:0px;} .Site_details .Site_details_top .details_top_title{ font-size:20px;} .Site_details .Site_details_top .details_top_content .top_content_left dd{ font-size:16px;} .Site_details .Site_left .Site_left_content .left_content_list{ padding:0px;} .Site_details .Site_details_top .details_top_content{ margin-bottom:15px;} .Site_details .Site_left .Site_left_content .left_content_list .content_list_right .list_right_bottom .right_bottom_txt dd{ font-size:12px;} .Site_details .Site_details_content .details_content_list{ padding-left:0px;} .Site_details .Site_details_content .details_content_list:before,.Site_details .Site_details_content .details_content_list .content_list_title:before{ display:none;} .Site_details .Site_details_content{ padding:5% 2%;} .case_details .Site_left .case_details_top,.case_details .Site_left .case_details_bottom .details_bottom_list{ padding:10px;} .album-carousel-btn-next:link,.album-carousel-btn-next:visited,.album-carousel-btn-next:hover{ width:6%;} .album-carousel-btn-prev:link,.album-carousel-btn-prev:visited,.album-carousel-btn-prev:hover{ width:6%;} .album-carousel-zone{ width:88%;} .album-carousel-thumb{ width:152px;} .album-image-md,.album-image{ height:260px !important;} .album-image-loading-overlay{ height:260px; margin:0 auto;} .album-image-loading-overlay img{ width:35px; height:35px; margin: -20px 0 0 -20px;} .Site .Site_left .Site_left_content .left_content_list .content_list_left,.Site .Site_left .Site_left_content .left_content_list .content_list_right{ width:100%; margin:0px;} .construction .construction_content .construction_content_list .content_list_right .list_right_title{ font-size: 18px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a,.construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dt a{ width: 49% !important; margin-right: 2%;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a:nth-child(2n),.construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister:nth-child(2) dt a:nth-child(2n){ margin-right: 0px;} .construction .construction_content .construction_content_list .content_list_right .list_right_txt .right_txt_lister dt a:nth-child(3){ margin-right: 2%;} .node .node_content .node_content_right .content_right_list .right_list_img img{ height: auto;} .node .node_content .node_content_left{ margin-bottom: 20px; overflow: hidden;} .node .node_content .node_content_left .content_left_list{ width: 49%; margin-right: 2%; float: left; line-height: 55px;} .node .node_content .node_content_left .content_left_list .left_list_title dd{ display: none;} .node .node_content .node_content_left .content_left_list:nth-child(2n){ margin-right: 0px;} .node .node_content .node_content_left,.node .node_content .node_content_right{ width: 100%;} .node .node_content .node_content_left .content_left_list .left_list_title dt{ font-size: 15px;} .node .node_content .node_content_right .content_right_list .right_list_txt{ padding: 15px;} .node .node_content .node_content_left .content_left_list{ padding: 0px 12px;} .node .node_content .node_content_left .content_left_list .left_list_title{ width: 78%;} .process .process_content .process_content_list dd{ font-size: 16px;} .process .process_content .process_content_list{ width: 49%; margin-right: 2%;} .process .process_content .process_content_list:nth-child(2n){ margin-right: 0px;} .case .case_bottom{ margin-top: 25px;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_content dd{ width: 25%;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_title{ font-size: 16px;} .case_details .Site_left .case_details_bottom .details_bottom_txt .bottom_list_content{ font-size: 14px;} .case_details .Site_left .case_details_recommend .details_recommend_list .recommend_list_title dd{ font-size: 18px;} .case_details .Site_left .case_details_recommend .details_recommend_list .recommend_list_title a{ font-size: 14px;} .case_details .Site_left .case_details_top .details_top_b img{ height: 235px;} .case_details .Site_left .case_details_bottom .details_bottom_list .bottom_list_content dd{ font-size: 14px;} .case .case_bottom .case_bottom_list{ width: 49%; margin-right: 2%;} .case .case_bottom .case_bottom_list:nth-child(2n){ margin-right: 0px;} .case .case_bottom .case_bottom_list:nth-child(3){ margin-right: 2%;} .case .case_bottom .case_bottom_list:nth-child(9){ margin-right: 2%;} .case .case_bottom .case_bottom_list:nth-child(15){ margin-right: 2%;} .case .case_top .case_top_list dd{ width: 20%;} .case .case_top .case_top_list dt{ width: 80%;} .case .case_content .case_content_title:before{ top: 13%;} .case .case_content .case_content_title{ font-size: 18px;} .case .case_content .case_content_form .content_form_list{ width: 49%; margin-right: 2%;} .case .case_content .case_content_form .content_form_list:nth-child(2n){ margin-right: 0px;} .case .case_content .case_content_form .content_form_list:nth-child(3){ margin-right: 2%;} .contact .contact_top .contact_top_left .top_left_list dd{ width: 60px;} .contact .contact_top .contact_top_left .top_left_list:nth-child(2) dt{ padding: 10px 0px;} .contact .contact_top .contact_top_left .top_left_list:nth-child(3) dt{ padding: 10px 0px;} .join_list .join_list_title{ padding: 0px 20px;} .contact .contact_join .contact_join_title{ font-size: 18px; padding: 30px 0px;} .news .news_bottom .news_bottom_list .bottom_list_left img{ height: 117px;} .news .news_bottom .news_bottom_list .bottom_list_left{ width: 40%;} .news .news_bottom .news_bottom_list .bottom_list_right{ width: 56%;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_title{ font-size: 16px; margin-bottom: 10px;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_time{ display: none;} .news .news_bottom .news_bottom_list .bottom_list_right .list_right_more{ display: none;} .news .news_top{ margin-top: 0px;} .news .news_top .news_top_list{ width: 48%; margin-right: 4%; margin-top: 4%;} .news .news_top .news_top_list:nth-child(2n){ margin-right: 0px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(5){ margin-right: 2%;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list:nth-child(2n){ margin-right: 0px;} .IndexAdvantage .IndexAdvantage_content .IndexAdvantage_content_list:nth-child(3){ margin-right: 2%;} .Quote .Quote_left,.Quote .Quote_right{ width: 100%; float: none; background: #f5f5f5; margin: 0px;} .Quote .Quote_right .Quote_right_form{ width: 100%;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list{ width: 48%; margin-right: 4%; margin-bottom: 4%;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list:nth-child(2n){ margin-right: 0px;} .Quote .Quote_right .Quote_right_form .right_form_top .form_top_list dd{ font-size: 14px;} .Quote .Quote_right .Quote_right_title{ margin: 15px 0px; font-size: 18px;} .Quote .Quote_left .Quote_left_list dt p span{ font-size: 16px;} .Quote .Quote_left .Quote_left_list{ padding: 15px 0px;} .Quote .Quote_left .Quote_left_list:nth-child(1){ padding: 20px;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list{ width: 100%;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list dt .radio_jibie{ width: 48%; margin-right: 4%;} .Quote .Quote_right .Quote_right_form .right_form_bottom .form_top_list dt .radio_jibie:nth-child(2n){ margin-right: 0px;} .IdenxService,.IndexNews{ padding-bottom: 30px;} .IdenxService .IdenxService_content .IdenxService_content_list{ width: 49%; margin-right: 2%; margin-bottom: 2%; padding: 20px 0px;} .IdenxService .IdenxService_content .IdenxService_content_list:nth-child(2n){ margin-right: 0px;} .IdenxService .IdenxService_content .IdenxService_content_list:nth-child(3){ margin-right: 2%;} .IdenxService .IdenxService_content .IdenxService_content_list dd{ line-height: 45px; margin-bottom: 15px;} .IdenxService .IdenxService_content .IdenxService_content_list dd img{ height: 45px;} .IdenxService .IdenxService_content .IdenxService_content_list dt p span{ font-size: 16px;} .IdenxService .IdenxService_content .IdenxService_content_list dt p:last-child{ font-size: 12px; margin-top: 5px;} .IdenxService .IdenxService_content .IdenxService_content_list:before{ display: none;} .IndexSite .IndexSite_title{ text-align: center;} .IndexSite .IndexSite_title a{ display: inline-block; width: 32%; margin-bottom: 5px; border: 1px solid #dcdcdc; background: #fff; line-height: 34px; border-radius: 5px; font-size: 14px;} .IndexSite .IndexSite_title a:before{ display: none;} .IndexSite .IndexSite_content .IndexSite_content_list{ width: 49%; margin-right: 2%;} .IndexSite .IndexSite_content .IndexSite_content_list:nth-child(2n){ margin-right: 0px;} .IndexSite .IndexSite_content .IndexSite_content_list:nth-child(3){ margin-right: 2%;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_img img{ height: 119px;} .IndexSite .IndexSite_content .IndexSite_content_list .content_list_txt .list_txt_title dd{ font-size: 14px; width: 60%;} .IndexProcess .IndexProcess_content .IndexProcess_content_list{ width: 33.33%; margin-bottom: 30px; margin-right:0px;} .IndexProcess .IndexProcess_content .IndexProcess_content_list .content_list_txt p{ height: 38px;} .IndexNews .IndexNews_content .IndexNews_content_left{ width: 100%;margin-bottom: 15px;margin-right: 0%;} .IndexNews .IndexNews_content .IndexNews_content_left:nth-child(2n){ margin-right: 0;} .IndexNews .IndexNews_content .IndexNews_content_right{ margin-top: 20px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ width: 60%;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_img img{ height: 130px;} .Links .Links_content{ margin-bottom: 0px;} .bottom .bottom_list{ width: 100%;} .bottom .bottom_list dt p span{ font-size: 16px;} .bottom .bottom_list dd img{ width: 35px;} .culture{ padding-top: 0px;} .culture .culture_content .culture_content_list .content_list_txt dd{ font-size: 16px;} .culture .culture_content .culture_content_list .content_list_txt dt{ font-size: 16px; margin-top: 5px;} .culture .culture_content .culture_content_list .content_list_txt dt span:after,.culture .culture_content .culture_content_list .content_list_txt dt span:before{ width: 20px;} .culture .culture_content .culture_content_list .content_list_txt dt span:after{ right: -35px;} .culture .culture_content .culture_content_list .content_list_txt dt span:before{ left: -35px;} .core .core_content .core_content_list{ width: 49%; margin-right: 2%; padding: 35px 15px;} .core .core_content .core_content_list:nth-child(2n){ margin-right: 0px;} .core .core_content .core_content_list:nth-child(3){ margin-right: 2%;} .core .core_content .core_content_list .content_list_hover{ padding-top: 30px;} .core .core_content .core_content_list .content_list_hover dd{ font-size: 18px; margin-bottom: 10px;} .Architecture .Architecture_content{ margin-top: 3px;} .Engineering .Engineering_content .Engineering_content_list{ width: 48%; margin-right: 4%; margin-bottom: 4%;} .Engineering .Engineering_content .Engineering_content_list:nth-child(2n){ margin-right: 0px;} .Engineering .Engineering_content .Engineering_content_list:nth-child(3){ margin-right: 4%;} .Engineering .Engineering_content .Engineering_content_list .content_list_txt dt{ padding: 0px 26px; height: 48px;} .Engineering .Engineering_content .Engineering_content_list:nth-child(4) .content_list_txt dt{ padding: 0px;} .Engineering .Engineering_content .Engineering_content_list:nth-child(5) .content_list_txt dt{ padding: 0px;} .Engineering .Engineering_bottom .Engineering_bottom_left,.Engineering .Engineering_bottom .Engineering_bottom_right{ width: 100%;} .Engineering .Engineering_bottom .Engineering_bottom_right .bottom_right_list{ font-size: 12px; line-height: 95px; height: 95px;} .Engineering .Engineering_bottom .Engineering_bottom_right .bottom_right_list img{ width: 100%; height: 95px; object-fit: cover;} .diamond .diamond_content .diamond_content_list{ width: 49%; margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(2n){ margin-right: 0px;} .diamond .diamond_content .diamond_content_list:nth-child(3){ margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(5){ margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(9){ margin-right: 2%;} .diamond .diamond_content .diamond_content_list:nth-child(15){ margin-right: 2%;} .diamond .diamond_content .diamond_content_list .content_list_txt{ font-size: 14px;} .box .box_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .box .box_list:nth-child(2n){ margin-right: 0px;} .box .box_list .box_list_content dd{ margin-bottom: 13px;} .box .box_list .box_list_content dd img{ height: 30px;} .box .box_list .box_list_content dt{ font-size: 12px; line-height: 20px; height: auto;} .Quality .Quality_content .Quality_content_top{ font-size: 14px; line-height: 28px;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .Quality .Quality_content .Quality_content_bottom .content_bottom_list:nth-child(3n){ margin-right: 0px;} .article img{ height: 93px;} .about .about_content .about_content_right .content_right_list{ width: 100%; margin-right: 0px;} .about .about_content .about_content_right .content_right_list img{ height: auto;} } @media screen and (max-width:375px){ .album-carousel-thumb{ width:135px;} } .title{margin-bottom: 22px;text-align: center;color: #222222;padding-top: 2%;} .title dd{ font-size: 18px; margin-bottom: 5px;} .title dd span{color: #1266ca;font-weight: bold;} .title dt{font-size: 13px;color: #555555;/* text-transform: uppercase; */} .bai{width: 100% !important; margin: 15px auto;background-color: #fff;margin-top: 0; padding: 2% 0;} .w96{width: 96%; margin: 0 auto;position: relative;z-index: 1;} .jj{text-indent: 2em; line-height: 25px; font-size: 14px;margin-top: 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; } .ckgd{ display: inline-block; padding: 10px 20px; color: #fff; background: #1266ca; margin: 15px 0;border-radius: 5px} .kk{ overflow: hidden;} .kk li{ border: 1px solid #ccc;margin-bottom: 10px;position: relative;float: left;width: 49%;margin-right: 2%;overflow: hidden;} .kk li:nth-child(2n){ margin-right: 0;} .kk li a{ width: 100%;display: block;height: 100%;color: #fff;text-align: center;font-size: 14px;} .kz img{width: 100%;} .ding{ width: 100%; line-height: 40px;background-color:#1266ca;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 5%;padding-right: 5%;font-size: 14px;} .foot{width: 100%;background-color: #1266ca;text-align: center;color: #fff;padding: 4% 2%;line-height: 30px;padding-bottom: 70px;} .zuob{width: 46%;float: left;margin-right: 8%;text-align: center;color: #fff;} .zuob img{width: 100%;} .zuob:last-child{ margin-right: 0;} .dsb{overflow: hidden;} .zz{ width: 100%;text-decoration:none} .zz img{ width: 100%;height: 225px;object-fit: cover;} .zz p{color: #000;font-size: 16px;text-align: center;line-height: 40px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .honghuo{overflow: hidden; } .honghuo li{float: left;width: 48%; margin-right: 4%; text-align: center; padding: 5px 0;border: 1px solid #ccc; color: #666666;margin-bottom: 10px;cursor: pointer;} .honghuo li:nth-child(2n){margin-right: 0;} .sir{ background-color:#1266ca ;cursor: pointer;color: #fff !important;border: 1px solid #1266ca !important;} .dz{overflow: hidden;} .dz li{ position: relative; } .lei{overflow: hidden;position: relative;height: 130px;} .p1{width: 100%; float: left; transition: 0.3s ease-in-out;height: 100%; } .fg{object-fit: cover;width: 100%;height: 100%;} .bf{position: absolute;top: 36%; left: 36%; z-index: 3;width: 50px;transition: 0.3s ease-in-out;} .hei{ position: absolute; width: 100%; height: 100%; top: 0;background-color: rgba(0, 0, 0, 0.24); z-index: 2; transition: 0.3s ease-in-out;} .vb{ padding: 15px 20px; font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;color: #000} .wt{ height: 340px; overflow: hidden;padding-top: 15px;width: 100%;border: 1px solid #ccc;padding-bottom: 10px;padding-left: 10px; padding-right: 10px;} .myscroll { width: 100%; height: 100%; margin: 0 auto; line-height: 26px; font-size: 15px; overflow: hidden;} .myscroll li {margin-bottom: 25px;} .myscroll a { color: #333; } .opp{ margin-bottom: 15px;} .opp h2{font-size: 18px;} .hongg{ color: #1266ca; font-size: 18px;font-weight: bold;} .ys1{animation-delay: 0.1s;} .ys2{animation-delay: 0.2s;} .ys3{animation-delay: 0.3s;} .ys4{animation-delay: 0.4s;} .ys5{animation-delay: 0.5s;} .ys6{animation-delay: 0.6s;} .ys7{animation-delay: 0.7s;} .ys8{animation-delay: 0.8s;} .ys9{animation-delay: 0.9s;} .ys10{animation-delay: 1s;} .ys11{animation-delay: 1.1s;} .ys12{animation-delay: 1.2s;} .ys13{animation-delay: 1.3s;} .ys14{animation-delay: 1.4s;} .ys15{animation-delay: 1.5s;} .ys16{animation-delay: 1.6s;} .gao{ height: 200px !important;} .gao img{ height: 100% !important;object-fit: cover;} .kz{ height: 245px;} .kz img{ height: 100%;object-fit: cover;} .sxz{width: 200px;height: 40px;margin: 8px auto;background: #1266ca;text-align: center;line-height: 40px;color: #fff;border-radius: 5px;font-size: 18px;margin-top: 8px;} .i{width: 7px;height: 7px;border-radius: 50%;background-color: #1266ca;;display: inline-block;float: left;margin-top: 16px; margin-right: 5px; transition: 0.3s ease-in-out;} .asd{ position: relative;line-height: 30px;border-bottom: 1px dashed #1266ca; overflow: hidden;} .jkh{font-size: 16px; color: #999999;float: right;font-size: 14px;} .ffbt{font-size: 14px;color: #555;width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;} .tel-icon span { position: relative; display: block;margin: 0 auto; width: 10.625vw;background: #1266ca; } .tel-icon span img { position: relative; display: block; width: 6.46vw; height: 6.46vw; margin: 0 auto;} .footer-tel {position: relative;margin-top: 10px;} .tel-icon {position: relative;width: 34.9vw; height: 6.46vw;margin: 0 auto;background: url(../images/footerbg1.png) center repeat-x;} .footer-copy { width: 92%; margin: 0 auto; text-align: center; font-size: 12px; line-height: 24px; color: #fff; border-top: 1px solid #fff; padding: 10px 0} .pub-footer {position: relative; width: 100%; background: url(../images/footerbg.png) no-repeat; background-size: 100% 100%; padding-top: 3vw; overflow: hidden; zoom: 1;} .db{ position: fixed; bottom: 15px; width: 96%; left: 2%;background-color: hsla(0, 0%, 0%, 0.66);border-radius: 8px;z-index: 999;} .db li{width: 33.3%;float: left;} .sy{ width: 25px;display: block; margin: 0 auto; margin-bottom: 5px;} .db li a{color: #fff;text-align: center;overflow: hidden;display: block;padding: 7px 0;} .tit{margin-bottom: 35px;} .hhs{font-size: 24px;color: #444444; font-weight: bolder;} .date{ font-size: 16px; color: #555555; margin-top: 15px;} .ssa{line-height: 30px;font-size: 15px;} .news .news_left{display: block;justify-content: space-between; flex-direction: row; flex-wrap: wrap;float: left; margin-bottom: 30px;width: 100%;margin-top: 30px;} .news .news_left a.on{background: #1266ca;color: #fff;border: 1px solid #1266ca;width: 48%; height: 45px; border-radius: 5px;justify-content: center;align-items: center;font-size: 16px; display: flex;position:relative;z-index:9} .pc_all .pc_all_contnet, .solution .solution_content, .mw1620 .mw1620_content{ width: 94%; margin: 0 auto;} .news{padding: 35px 0px;padding-top: 0;} .news .news_left, .news .news_right{width: 100%;} .news .news_right .news_right_content{margin-bottom: 20px;} .news .news_right .news_right_content .right_content_list{padding: 20px;display: inline-block; width: 100%;background: #f5f5f5; margin-bottom: 10px;} .news .news_right .news_right_content .right_content_list dt{ font-size: 16px;color: #444444; font-weight: bolder;overflow: hidden; text-overflow: ellipsis;white-space: nowrap} .fenye{margin: 0 auto;text-align: center;} .fenye a{ display: inline-block; padding: 7px 15px; background-color: #1266ca;color: #fff;margin-right: 8px; border-radius: 5px;} .fenye a:last-child{ margin-right: 0;} .news .news_right .news_right_content .right_content_list dd{ font-size: 14px;color: #1266ca;font-weight: bolder; margin-bottom: 13px;} .al{margin-bottom: 15px;width: 100%; height: 200px;object-fit: cover; border-radius: 12px;} .news .news_right .news_right_content .right_content_list p{ font-size: 14px; color: #777777; line-height: 26px; margin-bottom: 20px; display: -webkit-box;text-align: justify;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .news .news_right .news_right_content .right_content_list .content_list_more{font-size: 14px;color: #1266ca;} .liu{margin: 10px 0;overflow: hidden;} .liu li{width: 100%;margin-bottom: 25px;overflow: hidden;} .tu{ width: 100%; height: 300px; overflow: hidden;} .tu img{width: 100%; height: 100%;transition: 0.5s;object-fit: cover;} .liu li .zi{ text-align: center; font-size: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;background-color: #1266ca; color: #fff; line-height: 50px;} .zy{overflow: hidden;} .zy li{width: 49%;float:left;text-align: center;} .zy li a{font-size: 16px;display: block;padding: 20px 0px;} .zy li:nth-child(2n){float:right;} .zy li:nth-child(1){background-color: #ffb30f;margin-bottom: 10px;} .zy li:nth-child(2){background-color: #6fb038;margin-bottom: 10px;} .zy li:nth-child(3){background-color: #f87f86;} .zy li:nth-child(4){background-color: #00a0e9;} .zy-tu{width: 35px;margin-right: 5px;} .tb{overflow: hidden;margin-top: 20px;} .tb li{float: left;width: 20%;height:73px;margin-bottom: 15px;} .tb li a img{width: 70%;display: block;margin: 0 auto;} .tb li a{color: #000;text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;} .cg{overflow: hidden;} .cg li{float: left;width: 49%;height: 160px;margin-bottom: 10px;} .cg li:nth-child(2n){float: right;} .cg-tu{width: 100%;height:125px;} .cg-tu img{width: 100%;height: 100%;object-fit: cover;} .cg-nr{text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #fff;text-align: center;line-height: 35px;background-color:#1266ca ;} .gg li{position: relative; line-height: 40px;border-bottom: 1px dashed #1266ca; overflow: hidden;} .g li{position: relative; line-height: 40px;border-bottom: 1px dashed #1266ca; overflow: hidden;} .zyy{overflow: hidden;} .zyy li{width: 49%;float:left;text-align: center;} .zyy li a{font-size: 16px;display: block;padding: 20px 0px;} .zyy li:nth-child(2n){float:right;} .zyy li:nth-child(1){background-color: #ffb30f;margin-bottom: 10px;} .zyy li:nth-child(2){background-color: #6fb038;margin-bottom: 10px;} .zyy li:nth-child(3){background-color: #f87f86;} .zyy li:nth-child(4){background-color: #00a0e9;}