/* CSS Document */ @font-face { font-family: 'DIN'; src: url('../font/din1451alt.woff.ttf'); } body{ margin:0px; padding:0px; border:0px; font-family:"思源黑体","Arial"; color:#555555; font-size:14px; width:100%; background:#ffffff;} body.on{ overflow: hidden;} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} *{ padding:0px; margin:0px; border:0px; -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; font-family:"思源黑体","Arial";} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px; font-family:"思源黑体","Arial";} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px; font-family:"思源黑体","Arial";} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px; font-family:"思源黑体","Arial";} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px; font-family:"思源黑体","Arial";} textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"思源黑体","Arial";} .search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;} .search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl{ float:left;} .fr{ float:right;} /*渐变从左向右*/ .jianbian2{ height: 200px; background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */ } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow1{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; } .shadow2{transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*投影*/ .shadow5{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover{ -webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8{ -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6{ -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*投影*/ .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; } /*图片居中*/ .center{ -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*图片居中2*/ .vertical{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center; /* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -ms-flex-align:center; -moz-box-pack:center; /* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } /*图片翻转*/ .flip{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .noscroll{ overflow: hidden; } .bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto} .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2);} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;} .mo_top .mot .cloesicon{ display:none;} .mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;} .mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;} .mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;} .mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;} .mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;} .mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px} .mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;} .mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none} .mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;} .mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;} .mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;} .mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;} .mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;} .mo_yc{ width:100%; height:80px; display:none;} .mo_lj div i{ font-size: 20px;} .pc_all .pc_all_contnet{ max-width: 1677px; margin: 0 auto; overflow: hidden;} .pc_top{ width: 100%; padding-left: 32px; display: flex; flex-direction: row; justify-content: space-between; height: 80px; align-items: center; position: absolute; top: 0; left: 0; z-index: 8; background: #fff; ov} .pc_top .pc_top_right{ display: flex; align-items: center;} .pc_top .pc_top_right .top_right_nav{ display: flex; align-items: center; margin-right: 72px;} .pc_top .pc_top_right .top_right_nav .right_nav_list{ margin-right:45px; position:relative;} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child{ margin-right:0px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_down{ position:absolute; top:100%; height:0px; background: rgba(18,104,182,0); left:0; width:640px; display:flex; align-items:center; justify-content: flex-start; overflow:hidden; opacity:0; transition: all 0.3s ease 0s; overflow:hidden; -webkit-transform: all 0.3s ease 0s; } .pc_top .pc_top_right .top_right_nav .right_nav_list:nth-child(4) .right_nav_down{} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child .right_nav_down{} .pc_top .pc_top_right .top_right_nav .right_nav_list:nth-child(6) .right_nav_down{} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .right_nav_down{ height:34px; overflow:auto; transition: all 0.3s ease 0s; opacity:1; -webkit-transform: all 0.3s ease 0s; } .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_down a{ font-size:13px; color:#fff; margin-right:40px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_down a:last-child{ margin-right:0px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_title{ font-size: 16px; color: #343434; position: relative; display: flex; align-items: center; height:80px;} .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_title:after{ content:""; position:absolute; display:inline-block; width:0%; bottom:0; height:2px; background:#0b3d90; left:0; right:0; margin:0 auto;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .right_nav_title:after{ width:100%; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .right_nav_title{ color: #1c64b7;} .pc_top .pc_top_right .top_right_nav .right_nav_list:hover .right_nav_title::before{ background: #1c64b7;} .pc_top .pc_top_right .top_right_nav .right_nav_list .right_nav_title::before{ content: ""; display: flex; width: 2px; height: 2px; background: #a6a6a6; margin: 0px 20px; position:absolute; left:-32px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:first-child .right_nav_title::before{ display: none;} .pc_top .pc_top_right .top_right_mum{ display: flex; align-items: center;} .pc_top .pc_top_right .right_mum_Language{ font-size: 16px; color: #343434; display: flex; align-items: center; margin-right: 30px;} .pc_top .pc_top_right .right_mum_Language::before{ content: ""; display: flex; width: 1px; height: 23px; background: #a6a6a6; margin: 0px 20px;} .pc_top .pc_top_right .right_mum_menu{ margin-left: 36px; cursor: pointer;} .hight{ height: 80px;} .pc_top .pc_top_right .top_right_mum .right_mum_wx{ position:relative; cursor:pointer; height:80px; display:flex; align-items:center;} .pc_top .pc_top_right .top_right_mum .right_mum_wx .mum_wx_icon img{ height:23px;} .pc_top .pc_top_right .top_right_mum .right_mum_wx .right_wx_down{ position: absolute; left: -44px; display: none; z-index:8; top: 110px; background: #fff; padding: 5px; border-radius: 5px; top:115%; } .pc_top .pc_top_right .top_right_mum .right_mum_wx .right_wx_down img{ height:115px; width:115px;} .pc_top .pc_top_right .top_right_mum .right_mum_wx .right_wx_down::before{ content: ""; display: inline-block; width:0; height:0; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom:10px solid #fff; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; top: -10px; } .pc_top .pc_top_right .top_right_mum .right_mum_wx:hover .right_wx_down{ display: block;} .pc_top .pc_top_right .top_right_mum .right_mum_wx .nav_right_form{ position: absolute; width: 255px; right: 0px; bottom: -45px; -webkit-transform: scale(0); display: flex; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 50; } .pc_top .pc_top_right .top_right_mum .right_mum_wx:hover .nav_right_form{ -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; } .pc_top .pc_top_right .top_right_mum .right_mum_wx .nav_right_form .right_form_left{ line-height: 45px; width: 70%; padding: 0px 10px; font-size: 15px; background: #fff;} .pc_top .pc_top_right .top_right_mum .right_mum_wx .nav_right_form .right_form_right{ width: 30%; line-height: 45px; height: 45px; background: #0b3d90; color: #fff; font-size: 15px; cursor: pointer;} .pc_top_company{ position: absolute; top: 80px; left: 0; z-index: 5; background: rgba(18,104,182,.6); width: 100%; padding-left: 32px; height: 34px; color: #fff; font-size: 15px; display: flex; align-items: center; display:none;} .IndexFuture{ padding: 80px 0px;} .IndexFuture .pc_all_contnet{ display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .IndexFuture .IndexFuture_left{ width: 31%;} .IndexFuture .IndexFuture_left dd{ font-size: 32px; color: #000000; margin-bottom: 35px;} .IndexFuture .IndexFuture_left dt{ line-height: 30px; color: #000000; font-size: 18px; text-align: justify;} .IndexFuture .IndexFuture_right{ width: 66%; background: url(../image/bg2.jpg) no-repeat 50%/cover; display: flex; align-items: center; justify-content: center; height: 360px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 240px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list:last-child{ margin-right: 0px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_icon{ width: 76px; height: 76px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt{ color: #fff; text-align: center;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt dd b{ font-size: 53px; font-weight: normal;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt dd{ font-size: 21px; margin: 10px 0px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt dt{ font-size: 14px;} .banner {position:relative;overflow:hidden;width:100%} .banner .hd {position:absolute;bottom:10px;left:46%;z-index:1;overflow:hidden;height:20px} .banner .hd ul {float:left;overflow:hidden;zoom:1} .banner .hd ul li {float:left;margin:0 2px;margin-right:2px;width:10px;height:10px;border-radius:100px;background:rgba(255,255,255,.4);text-align:center;line-height:14px;cursor:pointer} .banner .hd ul li.on {width:40px;background:#fa7600;color:#fa7600} .banner .bd {position:relative;overflow:hidden;margin:0 auto;width:100%;text-align:center} .banner .bd ul {top:0;left:0;width:100%} .banner .bd li {float:left;width:100%} .banner .bd li span {display:block;width:100%} .banner .bd li img {width:100%} .banner .next,.banner .prev {position:absolute;top:45%;display:block;margin-top:-25px;padding:0 15px;height:75px;background:#fff;color:#000;font-size:50px;line-height:75px;opacity:.5} .banner .next {right:0;left:auto;background-position:8px 5px} .banner .next:hover,.banner .prev:hover {opacity:1} .banner .prevStop {display:none} .banner .nextStop {display:none} .ind3{ background: url(../image/index6.jpg) no-repeat 50%/cover; min-height: 980px; overflow: hidden; position: relative; } .ind3 .ind31{ width: 100%; position: absolute; left: 0; top: 190px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9;pointer-events: none;} .ind3 .ind31 .ind311{ font-size: 16px; color: #00b2e3;} .ind3 .ind31 .ind312{ font-size: 44px; color: #FFFFFF; text-align: center; line-height: 56px; margin: 15px auto;} .ind3 .ind31 .ind313{ font-size: 16px; color: #FFFFFF; text-align: center; line-height: 30px; max-width: 755px;} .cxyfz{ width: 100%; height: 100%; overflow: hidden; display: flex; position:absolute;} .cxyfz .cxItem{ width: 25%; position: relative;} .cxyfz .cxItem:hover{ background: rgba(0,0,00,0.3); } .cxyfz .cxItem .cxBox{ position: absolute; width: 100%; bottom: 0; display: flex; flex-direction: column; align-items: center; bottom: -50px; transition: all ease 0.5s;text-align: center; color: #FFFFFF;} .cxyfz .cxItem:hover .cxBox{ bottom: 0;} .cxyfz .cxItem .cxBox .cxImg{} .cxyfz .cxItem .cxBox .cxTitle{ font-size: 30px; margin: 30px 0 15px;} .cxyfz .cxItem .cxBox .cxSmall{ font-size: 16px; line-height: 24px; max-width: 325px; width: 90%; display: none;} .cxyfz .cxItem .cxBox .cxZhan{} .cxyfz .cxItem .cxBox .cxMore{ width: 100%; height: 50px; background: #0b3d90; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #FFFFFF; margin-top: 75px; } .cxyfz .cxItem .cxBox .cxMore i{ margin-left: 10px;} .IndexSolutions .IndexSolutions_title{ line-height: 48px; font-size: 32px; color: #202020; text-transform: uppercase; margin-bottom: 45px;} .IndexSolutions .IndexSolutions_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list{ display: inline-block; width: 20%; position: relative;margin-bottom: 6px;} .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list:nth-child(4n){ margin-right: 0px;} .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list dd{ overflow: hidden;} .IndexSolutions .IndexSolutions_content .IndexSolutions_content_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; cursor:pointer; } .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list:hover dd img{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); filter: scale(1.12); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list dt{ position: absolute; bottom: 0; left: 0; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; background: #1c64b7; width: calc(100% - 6px); right: 0; margin: 0 auto;} .IndexSolutions .IndexSolutions_bottom{ margin-top: 44px; position: relative;} .IndexSolutions .IndexSolutions_bottom .slick-dots{ bottom: 60px; right: 0; width: 48%;} .IndexSolutions .IndexSolutions_bottom .slick-dots li{ width: 31px; height: 1px; background: #000;} .IndexSolutions .IndexSolutions_bottom .slick-dots li button:before{ display: none;} .IndexSolutions .IndexSolutions_bottom .slick-dots li.slick-active{ height: 3px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list{ display: flex; background: #f8f8f8; outline: none;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_img{ width: 67%;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_img img{ width: 100%;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt{ width: 33%; padding: 0px 75px; padding-top: 75px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dd{ font-size: 32px; color: #000000; margin-bottom: 42px; font-weight: bolder;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dt{ line-height: 30px; color: #000000; font-size: 18px; text-align: justify;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt a{ display: flex; width: 98px; height: 27px; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 5px; font-size: 14px; color: #000000; margin-top: 95px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt a:hover{ background: #000000; color: #fff;} .IndexSolutions_b{ position: absolute; right: 14%; font-size: 24px; color: #000000; bottom: 60px;} .IndexSolutions_b .totalnum{ font-size: 18px;} .IndexSolutions_b .totalnum i{ font-style: inherit;} .index .Copyright{ margin-top: 90px;} .Copyright{ background: #464646; text-align:center;} .Copyright .pc_all_contnet{ display: flex; align-items: center; background: #464646; height: 67px; color: #fff; font-size: 14px; flex-direction: row; justify-content: space-between; justify-content:center;} .Copyright .pc_all_contnet .Copyright_right a{ color: #fff; font-size: 14px; margin-right: 22px;} .Copyright .pc_all_contnet .Copyright_right a:last-child{ margin-right: 0px;} .DBanner{ position: relative;} .DBanner dt{ position: absolute; display: flex; height: 100%; width: 1400px; align-items: center; left: 0; top: 0px; right: 0; margin: 0 auto;} .DBanner dd img{ height: 644px; width: 100%; object-fit: cover;} .w1400 .pc_all_contnet{ max-width: 1400px; margin: 0 auto; overflow: hidden;} .about{ padding: 110px 0px;} .about .about_title{ position: relative; padding-bottom: 24px;} .about .about_title dd{ font-size: 16px; color: #0b3d90; text-transform: uppercase; font-family: 'DIN';} .about .about_title dt{ font-size: 36px; color: #000000;} .about .about_title::before{ content: ""; position: absolute; display: inline-block; width: 73px; height: 2px; background: #0b3d90; bottom: 0; left: 0;} .about .about_content{ display: flex; flex-direction: row; justify-content: space-between;} .about .about_content .about_content_left{ width: 50%; line-height: 28px; color: #4f4f4f; font-size: 15px; margin-top: 65px;} .about .about_content .about_content_left p{ margin-bottom: 20px; text-align:justify;} .about .about_content .about_content_left p:last-child{ margin-bottom: 0px;} .about .about_content .about_content_right{ width: 45%;} .about .about_content .about_content_right img{ width: 100%;} .Organization{ background: #f9f9f9; padding: 90px 0px;} .Organization .about_title{ text-align: center;} .Organization .about_title::before{ display: none;} .Organization .about_content{ justify-content: center;} .Organization .about_content img{ max-width:100%;} .Message{ padding: 90px 0px;} .Message .about_title{ margin-bottom: 25px; padding-bottom: 25px; line-height: normal;} .Message .about_title_left p{ color: #4f4f4f; font-size:24px;} .Message .Message_p{ font-size: 24px; color: #4f4f4f; margin-bottom: 27px;} .Message .about_title::before{ content: "";} .Message .about_content .about_content_left{ margin-top: 0px; width:100%;} .Message .about_content .about_content_left .content_left_c{ display:flex; justify-content:space-between;} .Message .about_content .about_content_left .content_left_c .left_c_l{ width: 64%;} .Message .about_content .about_content_left .content_left_c .left_c_r{ width: 32%;} .Message .about_content .about_content_left .content_left_c .left_c_r img{ max-width:100%;} .honor{ background: url(../image/bg16.jpg) no-repeat 50%/cover; padding-bottom: 60px;} .honor .about_title{ display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .honor .about_title::before{ display: none; } .honor .about_title .honor_right{ display: flex; align-items: center;} .honor .about_title .honor_right a{ display: flex; width: 100px; height: 44px; align-items: center; justify-content: center; background: #f3f5f7; border:1px solid #f3f5f7;} .honor .about_title .honor_right a:hover{ border:1px solid #0b3d90;} .honor .about_title .honor_right a:last-child{ margin-left: 5px;} .honor .honor_content{ padding-bottom: 40px; padding-top: 20px;} .honor .honor_content .honor_content_list{ background: #fff; padding: 25px; box-shadow: 0px 0px 10px rgba(0,0,0,.05); position: relative;} .honor .honor_content .honor_content_list dd{ text-align:center;} .honor .honor_content .honor_content_list dd img{ max-width:100%; max-height:165px;} .honor .honor_content .honor_content_list dt{ font-size:16px; color:#333; margin-top:20px; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .honor .honor_content2{ display:flex; justify-content:space-between;} .honor .honor_content2 .honor_content_list{ width:23%;} .Historical{ background: #fff; padding-bottom: 110px;} .Historical .pc_all_contnet{ max-width: 1450px;} .Historical .about_title{ padding-bottom: 54px; padding-left: 25px;} .Historical .pc_all_contnet{ overflow: inherit;} .Historical .Historical_content{ position: relative;} .Historical .Historical_content .draggable{ padding-top: 23px;} .Historical .Historical_content::before{ content: ""; display: inline-block; width: 100%; height: 2px; background: #6e747b; position: absolute; top: 205px; opacity: .3; left: 0%; right: 0; margin: 0 auto;} .Historical .Historical_content .Historical_content_list{ width: 100%; position: relative; outline: none; margin: 0px 25px;} .Historical .Historical_content .Historical_content_list:hover:before{ border: 5px solid #0b3d90; background: #fff; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .Historical .Historical_content .Historical_content_list:hover::after{ height: 240px; background: #0b3d90; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .Historical .Historical_content .Historical_content_list:hover .content_list_txt dd{ color: #0b3d90;} .Historical .Historical_content .Historical_content_list:hover .content_list_img{ top: -23px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .Historical .Historical_content .Historical_content_list::before{ content: ""; position: absolute; display: flex; width: 9px; height: 9px; border-radius: 100%; background: #9ba0a6; left: -3px; top: 174px; font-size: 33px; align-items: center; justify-content: center; border: 5px solid #fff; z-index: 2; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .Historical .Historical_content .Historical_content_list::after{ content: ""; position: absolute; display: inline-block; width: 1px; height: 200px; background: #9ba0a6; left: 6px; top: 190px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .Historical .Historical_content .Historical_content_list:last-child{ margin-right: 0px;} .Historical .Historical_content .Historical_content_list .content_list_img{ position: relative; top: 0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .Historical .Historical_content .Historical_content_list .content_list_img img{ width: 100%;} .Historical .Historical_content .Historical_content_list .content_list_txt{ margin-top: 60px; padding-left: 22px;} .Historical .Historical_content .Historical_content_list .content_list_txt dd{ font-size: 23px; color: #333333; margin-bottom: 10px;} .Historical .Historical_content .Historical_content_list .content_list_txt dt{ font-size: 14px; color: #666666; line-height: 24px; text-align: justify;} .Historical .Historical_content .slick-next,.Historical .Historical_content .slick-prev{ width: 72px; height: 31px; top: 228px;} .Historical .Historical_content .slick-prev{ background: url(../image/bn11.png) no-repeat 50% 50%; left: -80px;} .Historical .Historical_content .slick-next{ background: url(../image/bn12.png) no-repeat 50% 50%; right: -80px;} .Historical .Historical_content .slick-next::before,.Historical .Historical_content .slick-prev::before{ display: none;} .company{ background: #f8f9fb; padding: 85px 0px;} .company .company_content{ display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .company .company_content .company_content_list{ width: 33.33%; padding: 0px 1px;} .company .company_content .company_content_list .content_list_img img{ width: 100%;} .company .company_content .company_content_list .content_list_txt{ padding-left: 30px; padding-right: 95px; margin-top: 25px; position: relative;} .company .company_content .company_content_list .content_list_txt dd{ font-size: 18px; color: #333333; margin-bottom: 11px;} .company .company_content .company_content_list .content_list_txt::before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 3px; background: #0b3d90; left: 0; top: 11px;} .company .company_content .company_content_list .content_list_txt dt{ font-size: 14px; color: #777777;} .Partner{ background: #fff;} .Partner .about_title{ margin-bottom: 15px;} .Partner .about_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #e9e9e9; } .Partner .Partner_list{ width: 16.72%; height: 117px; display: flex; align-items: center; border: 1px solid #e9e9e9; margin-right: -1px; justify-content: center; border-right: 0px; border-bottom: 0px; background:#fff;} .Partner .Partner_list:nth-child(6n){ border-right: 1px solid #e9e9e9;} .Partner .Partner_list img{ max-width:67%; max-height:90px;} .DetailsBanner img{ width: 100%; height: 564px; object-fit: cover;} .news{ background: #f6f6f6; padding: 60px 0px;} .news .news_left{ background: #fff; width: 100%; padding: 30px 50px;} .news .news_left .news_left_title{ font-size: 24px; color: #333333; height: 60px; display: flex; align-items: center; border-bottom: 1px solid #e3e3e3;} .news .news_left .news_left_title span{ font-size: 16px; color: #666666; text-transform: uppercase; margin-left: 5px;} .news .news_left .news_left_content .left_content_list{ display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 25px 0px; border-bottom: 1px solid #f0f0f0;} .news .news_left .news_left_content .left_content_list:hover{ border-bottom: 1px solid #1268b6;} .news .news_left .news_left_content .left_content_list:hover .content_list_txt .list_txt_title dd{ color: #1268b6; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .news .news_left .news_left_content .left_content_list .content_list_img{ width: 21%;} .news .news_left .news_left_content .left_content_list .content_list_img img{ width: 100%; height: 168px; object-fit: cover;} .news .news_left .news_left_content .left_content_list .content_list_txt{ width: 77%;} .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_title dd{ font-size: 18px; color: #333333; margin-bottom: 10px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_title dt{ font-size: 14px; color: #666666; line-height: 24px; display: -webkit-box; text-align: justify; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_bottom{ display: flex; align-items: center; margin-top: 20px;} .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_bottom dd{ display: flex; align-items: center; font-size: 12px; color: #999999; margin-right: 30px;} .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_bottom dd img{ margin-right: 6px;} .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_bottom dd:last-child{ margin-right: 0px;} .news .news_right{ width: 300px; display:none;} .news .news_right .news_right_list{ background: #fff; margin-bottom: 17px;} .news .news_right .news_right_list .right_list_title{ font-weight: bolder; color: #333333; font-size: 16px; padding: 0px 30px; border-bottom: 2px solid #f6f6f6; height: 52px; display: flex; align-items: center;} .news .news_right .news_right_list .right_list_title span{ font-size: 13px; color: #888888; font-weight: normal; text-transform: uppercase; margin-left: 5px;} .news .news_right .news_right_list .right_list_txt{ padding: 0px 30px;} .news .news_right .news_right_list .right_list_txt .list_txt_li{ display: flex; align-items: center; flex-direction: row; justify-content: space-between; height: 48px; border-bottom: 1px solid #f2f2f2; font-size: 15px; color: #666666;} .news .news_right .news_right_list .right_list_txt .list_txt_li:hover{ color: #0b3d90;} .news .news_right .news_right_list .right_list_txt .list_txt_li dt{ color: #bfbfbf; transition: all 0.5s ease 0s; position: relative; right: 0; font-size: 18px;} .news .news_right .news_right_list .right_list_txt .list_txt_li:hover dt{ color: #0b3d90; transition: all 0.5s ease 0s; right: 5px;} .news .news_right .news_right_media{ padding-bottom: 25px;} .news .news_right .news_right_media .right_list_txt .right_media_list{ margin-top: 22px; display: inline-block; width:100%;} .news .news_right .news_right_media .right_list_txt .right_media_list .media_list_img img{ width: 100%;} .news .news_right .news_right_media .right_list_txt .right_media_list .media_list_txt{ margin-top: 15px;} .news .news_right .news_right_media .right_list_txt .right_media_list .media_list_txt dd{ font-size: 14px; color: #555555; margin-bottom: 3px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .news_right .news_right_media .right_list_txt .right_media_list .media_list_txt dt{ font-size: 13px; color: #999999;} .NewsDetails .NewsDetails_title{ padding-bottom: 13px; border-bottom: 1px solid #e9e9e9; margin-bottom: 30px;text-align: center;} .NewsDetails .NewsDetails_title dd{ font-size: 30px; color: #333333; margin-bottom: 20px; font-weight: bolder;} .NewsDetails .NewsDetails_title dt{ font-size: 14px; color: #999999; display: flex; align-items: center; margin-left: 31%;} .NewsDetails .NewsDetails_title dt span{ display: flex; align-items: center; margin-right: 70px;} .NewsDetails .NewsDetails_title dt span img{ margin-right: 6px;} .NewsDetails .NewsDetails_txt p{ font-size: 14px; color: #666666; line-height: 30px; margin-bottom: 25px; text-align: justify; text-indent:2em;} .NewsDetails .NewsDetails_txt p.on{ text-indent: inherit;} .NewsDetails .NewsDetails_txt img{ display: inline-block; margin-bottom: 25px;max-width: 100%} .NewsDetails .NewsDetails_page{ display: flex; justify-content: space-between; flex-direction: row; border-top: 1px solid #e5e5e5; padding-top: 40px;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list{ display: flex; align-items: center; margin-bottom: 10px; font-size: 15px;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list:hover span{ background: #0f4ba6; border: 1px solid #0f4ba6; color: #fff; transition: all 0.5s ease 0s;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list:hover span i{ color: #fff; transition: all 0.5s ease 0s;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list:hover a{ color: #0f4ba6; transition: all 0.5s ease 0s;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list span{ display: flex; align-items: center; justify-content: center; border: 1px solid #878787; height: 39px; width: 108px; font-size: 15px; color: #666666; transition: all 0.5s ease 0s; margin-right:18px;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list span i{ color: #878787; font-size: 18px; margin-left: 12px; transition: all 0.5s ease 0s;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list a{ font-size: 15px; color: #666666; font-weight: bolder; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .NewsDetails .NewsDetails_page .NewsDetails_page_right{ display: flex; align-items: center; justify-content: center; border: 1px solid #878787; height: 39px; width: 108px; font-size: 15px; color: #666666; transition: all 0.5s ease 0s;} .NewsDetails .NewsDetails_page .NewsDetails_page_right i{ color: #878787; font-size: 18px; margin-left: 12px;} .NewsDetails .NewsDetails_page .NewsDetails_page_right:hover{ background: #0f4ba6; border: 1px solid #0f4ba6; color: #fff;} .NewsDetails .NewsDetails_page .NewsDetails_page_right:hover i{ color: #fff;} .contact{ padding: 60px 0px; background: url(../image/bg27.jpg) no-repeat 50%/cover;} .contact .contact_left{ width: 45%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;} .contact .contact_left .contact_left_title{ position: relative; padding-bottom: 24px; margin-bottom: 50px;} .contact .contact_left .contact_left_title dd{ font-size: 16px; color: #0b3d90; text-transform: uppercase; font-family: 'DIN';} .contact .contact_left .contact_left_title dt{ font-size: 36px; color: #000000;} .contact .contact_left .contact_left_title::before{ content: ""; position: absolute; display: inline-block; width: 73px; height: 2px; background: #0b3d90; bottom: 0; left: 0;} .contact .contact_left .contact_left_txt p{ font-size: 16px; color: #666666; margin-bottom: 25px; display: flex; align-items: center;} .contact .contact_left .contact_left_txt p img{ margin-right: 12px;} .contact .contact_right{ width: 55%; padding-left: 115px; padding-right: 260px;} .contact .contact_right .contact_right_title{ position: relative; padding-bottom: 24px; margin-bottom: 10px;} .contact .contact_right .contact_right_title dd{ font-size: 16px; color: #0b3d90; text-transform: uppercase; font-family: 'DIN';} .contact .contact_right .contact_right_title dt{ font-size: 36px; color: #000000;} .contact .contact_right .contact_right_title p{ font-size: 16px; color: #777777; margin-top: 6px;} .contact .contact_right .contact_right_txt .right_txt_list{ width: 49%; margin-bottom: 1%;} .contact .contact_right .contact_right_txt .right_txt_all{ width: 100%;} .contact .contact_right .contact_right_txt .right_txt_textarea{ width: 100%;} .contact .contact_right .contact_right_txt .right_txt_list input{ width: 100%; height: 48px; border: 1px solid #d0d0d0; display: flex; align-items: center; background: none; padding: 0px 20px;} .contact .contact_right .contact_right_txt .right_txt_list textarea{ width: 100%; height: 98px; border: 1px solid #d0d0d0; background: none; padding: 10px 20px; resize: none;} .contact .contact_right .contact_right_txt .right_txt_submit input{ width: 182px; height: 52px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; background: #0b3d90; cursor: pointer; margin-top: 25px;} .contact input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:14px;} .contact input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:14px;} .contact input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:14px;} .contact input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:14px;} .contact input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:14px;} .contact textarea::-webkit-input-placeholder{color:#999999; font-size:14px; font-family:'微软雅黑';} .about{background:url(../images/bg35.jpg) no-repeat 50% 100%;padding-bottom:90px} .about .about_top .about_top_left{width:41%;font-size:14px;color:#444;line-height:26px;text-indent:2em;text-align:justify;position:relative;margin-top:35px} .about .about_top .about_top_left dd{position:absolute;width:100%;left:0;top:0;height:485px;background:#f3f3f3;padding:35px 45px;line-height:28px;z-index:2} .about .about_top .about_top_img{width:59%;height:410px;position:relative;top:-80px} .about .about_top .about_top_img img{position:absolute;width:100%;right:0;top:0;height:600px;object-fit:cover} .about .about_bottom{margin-top:250px} .about .about_bottom .about_bottom_list{width: 30%;background: #f3f3f300;border-radius: 10px;text-align: center;padding-bottom: 45px;position: relative;padding-top: 75px;border: 2px #f3f3f3 solid;} .about .about_bottom .about_bottom_list:last-child,.about .about_bottom .about_bottom_list:nth-child(2){margin-left:4%} .about .about_bottom .about_bottom_list .bottom_list_icon{position:absolute;left:0;right:0;width:100%;text-align:center;top:-68px} .about .about_bottom .about_bottom_list .bottom_list_title{background:url(../images/bn40.png) no-repeat 50% 50%;margin:25px 0} .about .about_bottom .about_bottom_list .bottom_list_title dd{font-size:26px;color:#333;margin-bottom:3px} .about .about_bottom .about_bottom_list .bottom_list_title dt{font-size:16px;color:#888;text-transform:uppercase} .about .about_bottom .about_bottom_list .bottom_list_txt{font-size:14px;color:#555;line-height:24px;text-align:left;text-indent:2em;padding:0 45px;height:72px} .IndexProduct_title dd{color:#0b3d90;font-size:30px;position:relative;padding-left:18px;font-weight:bolder} .IndexProduct_title dd:before{content:"";position:absolute;display:inline-block;width:5px;height:28px;background:#0b3d90;left:0;top:20%} .IndexProduct_title dd span{color:#888;font-size:16px;margin-left:13px;font-weight:400} .IndexProduct_title dt{color:#d2d2d2;font-size:30px;text-transform:uppercase} .IndexProduct{padding-top:70px} .IndexProduct .IndexProduct_title dd{color:#0b3d90;font-size:30px;position:relative;padding-left:18px;font-weight:bolder} .IndexProduct .IndexProduct_title dd:before{content:"";position:absolute;display:inline-block;width:5px;height:28px;background:#0b3d90;left:0;top:20%} .IndexProduct .IndexProduct_title dd span{color:#888;font-size:16px;margin-left:13px;font-weight:400} .inside_title_box{border-bottom:1px solid #efefef;padding:20px 0} .inside_title_box .container,.inside_title_box .container>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center} .inside_title_box .container:after,.inside_title_box .container:before{display:none} .inside_title_box .container>div{margin-left:-30px;margin-right:-15px;padding:0 15px} .inside_title_box1{ height: 60px; border-bottom:1px solid #efefef;background: #1268b6; color:aliceblue;} .inside_title_box1 .inside_title .h2{color:aliceblue; line-height: 60px;} .inside_title_box1 .slogan1{ line-height: 60px; font-size: 16px;} .kk .inside_title .h2{ margin: 0 !important; padding: 0 !important;} .inside_title_box1 .slogan1 a{font-size: 16px;} .inside_title_box1 .slogan1 a{color:aliceblue;} .inside_title_box1 .container,.inside_title_box .container>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center} .inside_title_box1 .container:after,.inside_title_box .container:before{display:none} .inside_title_box1 .container>div{margin-left:-30px;margin-right:-15px;padding:0 15px} .slogan1{line-height:60px !important; display:block;line-height:1.71428571;margin-left:-15px!important;font-size: 15px;} .slogan1 a{margin-left: 10px; font-size: 15px;} .submenu{display:flex;float:left;flex-direction:row;flex-wrap:wrap;align-items:center;margin:0 -4px;padding:0 15px} .submenu:after,.submenu:before{display:none} .submenu li{padding:0 4px;margin:4px 0} .submenu li a{background-color:#e7e7e7;text-align:center;color:#333;line-height:40px;padding:12px 15px;min-width:120px;font-size:14px} .submenu li a:hover,.submenu li.active a{background-color:#0b3d90;color:#fff} .submenu1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 -2px 30px;position:relative} .submenu1>li{padding:0 2px;margin:2px 0} .submenu1>li>a{color:#727171;letter-spacing:3px;line-height:1;padding:6px} .submenu1 .open>a,.submenu1 .open>a:focus,.submenu1 .open>a:hover,.submenu1>li.active>a,.submenu1>li>a:hover{background-color:transparent;color:#0b3d90} .submenu1 .open .dropdown-toggle:after{content:"";width:100%;height:2px;background-color:#0b3d90;position:absolute;left:0;bottom:0} .submenu1 .dropdown-menu{border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background-color:#fbfbfb} .submenu1 .dropdown-menu li{display:inline-block} .submenu1 .dropdown-menu>li>a{color:#727171;padding:5px 10px} .submenu1 .dropdown-menu>.active>a,.submenu1 .dropdown-menu>.active>a:focus,.submenu1 .dropdown-menu>.active>a:hover,.submenu1 .dropdown-menu>li>a:hover{color:#0b3d90;background-color:transparent} .animated{opacity:1;-webkit-transform:none;transform:none;} .animated .attr{text-align:center} .inside_title{float:left} .slogan1{float:right;} .inside_title .h2{font-size:30px} #dituContent{width:100%;height:604px;margin-bottom:90px} .iw_poi_title{color:#0b3d90;font-size:14px;font-weight:700;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} #dituContent img{max-width:inherit} #dituContent{ width: 100%; height: 604px; margin-bottom: 90px;} .iw_poi_title {color:#0b3d90;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} #dituContent img{ max-width: inherit;} .pop .center{ width: 269px !important;} .pop .bottom{ height: 25px !important;} .case{ padding: 85px 0px; padding-bottom: 40px;} .case .case_top .case_top_li{ border-bottom: 1px solid #b9b9b9; margin-bottom: 100px;} .case .case_top .case_top_li:last-child{ border-bottom: 0px; margin-bottom: 0px;} .case .case_top .case_top_list{ display: inline-block; width: 18%; margin-right: 2%; margin-bottom: 40px; position:relative; height:220px; background:#fff; border: 1px solid #dedede} .case .case_top .case_top_list:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,.1);} .case .case_top .case_top_list:hover .top_list_txt dd{ color: #1268b6; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .case .case_top .case_top_list:nth-child(5n){ margin-right: 0px; } .case .case_top .case_top_list .top_list_img img{ width: 100%;} .case .case_top .case_top_list .top_list_txt{ padding: 0px 25px; padding-top: 33px; padding-bottom: 40px; position: absolute; bottom:0; left:0; width:100%; height:37%; transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;} .case .case_top .case_top_list .top_list_txt dd{ font-size: 18px; color: #333333; margin-bottom: 10px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .case .case_top .case_top_list .top_list_txt p{ font-size: 14px; color: #4f4f4f; line-height: 26px; margin-bottom: 23px; display: -webkit-box; text-align:justify; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .case .case_top .case_top_list .top_list_txt dt{ font-size: 15px; color: #0b3d90; text-transform: uppercase;} .case .case_top .case_top_list .top_list_txt dt img{ margin-left: 8px;} .case .case_top .case_top_list:hover .top_list_txt{ height:100%; background:rgba(255,255,255,.95); transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .case .case_top .case_top_list:hover .top_list_txt p{ -webkit-line-clamp:13; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Innovation_nav{ display: flex; align-items: center; justify-content: center; height: 133px; background: #0b3d90; position: relative;} .Innovation_nav a{ text-align: center; width: 415px; border-right: 1px solid #1869b8; height: 133px; display: flex; flex-direction: column; justify-content: center;} .Innovation_nav a.on{ background:#0c4175;} .Innovation_nav a dt{ font-size: 18px; color: #fff; margin-top: 17px;} .Innovation_nav a:last-child{ border-right: 0px;} .city{ padding: 0px;} .city .about_content .about_content_right{ padding-top: 0px;} .city .about_content .about_content_left,.city .about_content .about_content_right{ width: 50%;} .city .about_content .about_content_left{ display: flex; align-items: center; flex-direction: row; padding-left: 13%; padding-right: 5%; background:#edf1f4;} .Staff{ background: url(../image/bg31.jpg) no-repeat 50%/cover; padding: 80px 0px;} .Staff .Staff_content{ display: flex;} .Staff .pc_all_contnet{ overflow: inherit;} .Staff .Staff_content .Staff_content_list{ background: #fff; margin-right: 12px; padding: 0px 35px; padding-top: 66px; padding-bottom: 85px; text-align: center; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Staff .Staff_content .Staff_content_list:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,.1); transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Staff .Staff_content .Staff_content_list:last-child{ margin-right: 0px;} .Staff .Staff_content .Staff_content_list .content_list_txt{ margin-top: 30px;} .Staff .Staff_content .Staff_content_list .content_list_txt dd{ font-size: 20px; color: #333333; margin-bottom: 15px;} .Staff .Staff_content .Staff_content_list .content_list_txt dt{ font-size: 14px; color: #666666; line-height: 24px;} .city2 .about_content .about_content_left{ padding-left: 96px; padding-right: 13%;} .city3{ padding-bottom: 90px;} .bg .about_content .about_content_left{ background: #edf1f4;} .team{ background: #fff;} .team .team_list{ position: relative; overflow: hidden;} .team .team_list .team_list_img img{ max-width: 100%;} .team .team_list .team_list_txt{ position: absolute; bottom: 0; height: 52px; background: rgba(34,34,34,.92); padding-left: 23px; padding-right: 40px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; margin-top: 18px;} .team .team_list .team_list_txt dd{ height: 52px; display: flex; align-items: center; font-size: 18px; color: #fff;} .team .team_list .team_list_txt dt{ line-height: 25px; color: #fff; font-size: 14px; position: relative; padding-top: 18px;} .team .team_list .team_list_txt dt::before{ content: ""; position: absolute; display: inline-block; width: 55px; height: 2px; background: rgba(255,255,255,.34); top: 0;} .team .team_list .team_list_icon{ position: absolute; bottom: 0; right: 0; height: 52px; width: 52px; display: flex; align-items: center; justify-content: center; background: #0b3d90;} .team .team_list:hover .team_list_txt{ height: 270px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .DPartner{ background: #fff;} .DetailsBanner2 img{ height: 304px;} .DSolutions{ padding: 103px 0px;} .DSolutions .pc_all_contnet{ display: flex; align-items: center; flex-direction: row; justify-content: space-between;} .DSolutions .DSolutions_BImg{ width: 47%; margin: 0px;} .DSolutions .DSolutions_BImg img{ width: 100%; height: 497px; object-fit: cover;} .DSolutions .DSolutions_SImg{ width: 40%;} .DSolutions .DSolutions_SImg .DSolutions_SImg_title{ font-size: 28px; color: #000000; margin-bottom: 45px;} .DSolutions .DSolutions_SImg dd{ line-height: 30px; color: #333333; font-size: 18px; margin-bottom: 15px;} .DSolutions .DSolutions_SImg dt p{ font-size: 15px; color: #696969; line-height: 33px;} .DSolutions .DSolutions_SImg .DSolutions_SImg_bottom{ margin-top: 60px; padding-right: 35px;} .DSolutions .DSolutions_SImg .DSolutions_SImg_bottom .SImg_bottom_list{ border: 1px solid #dfdfdf; cursor: pointer;} .DSolutions .DSolutions_SImg .DSolutions_SImg_bottom .SImg_bottom_list img{ width: 100%;} .DSolutions .DSolutions_SImg .DSolutions_SImg_bottom .SImg_bottom_list.swiper-slide-thumb-active{ border: 1px solid #1268b6;} .DSolutions .swiper-button-next,.DSolutions .swiper-button-prev{ color: #fff; outline: none;} .PSolution .PSolution_list{ outline: none;} .PSolution .slick-prev,.PSolution .slick-next{ width: 114px; height: 48px; background: #dbe4ec; bottom: 0; top: inherit; transition: all 0.5s ease 0s;} .PSolution .slick-next{ background: #dbe4ec url(../image/bn32.png) no-repeat 50% 50%;} .PSolution .slick-prev{ background: #dbe4ec url(../image/bn34.png) no-repeat 50% 50%;} .PSolution .slick-prev::before,.PSolution .slick-next::before{display: none;} .PSolution .slick-prev{ right: 50%; left: inherit;} .PSolution .slick-next{ left: 50%;} .PSolution .slick-next:hover{ background: #0b3d90 url(../image/bn33.png) no-repeat 50% 50%; transition: all 0.5s ease 0s;} .PSolution .slick-prev:hover{ background: #0b3d90 url(../image/bn35.png) no-repeat 50% 50%; transition: all 0.5s ease 0s;} .DCase .about_title::before{ display: none;} .DCase .about_title dt{ font-size: 30px;} .DCase .case_top .case_top_list:hover{ box-shadow: 0px 0px 0px;} .DCase .case_top .case_top_list .top_list_txt{ padding: 23px 0px;} .DCase .case_top .case_top_list .top_list_txt dd{ font-size: 18px; color: #333333;} .DCase .case_top .case_top_list .top_list_txt p{ color: #777777; margin-bottom: 0px;} .nav_down{ position:fixed; right:-380px; top:0; height:100%; background: #313131; z-index:55; width: 380px; padding:0px 22px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .nav_down.on{ right:0px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .nav_down .nav_down_title{ font-size:34px; color:#fff; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #373838; position:relative; height:10%;} .nav_down .nav_down_title span{ cursor:pointer; position:absolute; right:0%; font-size:45px; transform:translateY(-50%); top:45%;} .nav_down .nav_down_content{ height:60%;} .nav_down .nav_down_content a{ display:flex; align-items:center; padding-left:100px; height:11%; border-bottom:1px solid #373838; font-size:16px; color:#fff; position:relative;} .nav_down .nav_down_content a:before{ content:""; position:absolute; bottom:-1px; width:0%; height:1px; background:#fff; display:inline-block; left:0; right:0; margin:0 auto;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .nav_down .nav_down_content a:hover:before{ width:100%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .nav_down .nav_down_content a:hover{ background:rgba(255,255,255,.1)} .nav_down .nav_down_content a img{ margin-right:22px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .nav_down .nav_down_content a:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .nav_down .nav_down_bottom{ height:30%; display:flex; flex-direction:column; justify-content:center;} .nav_down .nav_down_bottom .down_bottom_title{ text-align:center; margin-bottom:18px;} .nav_down .nav_down_bottom .down_bottom_title dd{ font-size:16px; color:#fff; margin-bottom:12px;} .nav_down .nav_down_bottom .down_bottom_title dt img{height: 10%;} .nav_down .nav_down_bottom .down_bottom_txt{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center;} .nav_down .nav_down_bottom .down_bottom_txt img{ margin-right:10px;} .join{ padding:75px 0px;} .join .join_left{ width:15%;} .join .join_left dd{ border-bottom:2px solid #0068b7; font-size:20px; color:#0068b7; padding-bottom:20px; margin-bottom:20px;} .join .join_left dt{ padding-left:15px;} .join .join_left dt a{ font-size:16px; color:#6c6c6c; display: flex; width:100%; margin-bottom:35px; position:relative; align-items:center; transition: all 0.5s ease; } .join .join_left dt a:before{ content:""; display:inline-block; width:9px; height:15px; background: url(../image/bn36.png) no-repeat 50% 50%; left:-13px; position:relative; transition: all 0.5s ease; opacity:0; margin-right:12px;} .join .join_left dt a:hover:before{ opacity:1; transition: all 0.5s ease; left:0;} .join .join_left dt a:hover{ color:#0068b7;} .join .join_left dt a.on:before{ opacity:1; transition: all 0.5s ease; left:0;} .join .join_left dt a.on{ color:#0068b7;} .join .join_right{ width:78%; float:right;} .join .join_right .join_right_list{ width:48%; border:1px solid #e5e5e5; padding:25px; margin-bottom:3%;} .join .join_right .join_right_list:nth-child(2n){ float:right;} .join .join_right .join_right_list .right_list_title{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px;} .join .join_right .join_right_list .right_list_title dd{ font-size:20px; color:#333; line-height:36px;} .join .join_right .join_right_list .right_list_title dt a{ display:inline-block; border-radius:5px; padding:0px 24px; line-height:36px; font-size:14px; color:#fff; background:#0068b7; position:relative;} .join .join_right .join_right_list .right_list_content{ font-size:14px; color:#666; line-height:26px; margin-top:12px; height:104px; overflow:hidden;} .join .join_right .join_right_list .right_list_time{ display:flex; align-items:center;} .join .join_right .join_right_list .right_list_time span{ margin-right:13px; color:#666; font-size:14px;} .join .join_right .join_right_list .right_list_time span img{ margin-right:5px;} .join .join_right .join_right_list .join_bg{ position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; -webkit-transform: scale(0); z-index:50; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0; } .join .join_right .join_right_list .join_bg.on{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:1; } .join .join_right .join_right_list .right_list_hover{ width:calc(1230px - 150px); background:#fff; padding:45px 63px;} .join .join_right .join_right_list .right_list_hover .list_hover_title{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px; line-height:36px;} .join .join_right .join_right_list .right_list_hover .list_hover_title dd{ font-size:20px; color:#333;} .join .join_right .join_right_list .right_list_hover .list_hover_title img{ height:25px; cursor:pointer;} .join .join_right .join_right_list .right_list_hover .list_hover_content{ font-size:14px; color:#666; line-height:26px; margin-top:12px;} .join .join_right .join_right_list .right_list_hover .list_hover_time{ display:flex; align-items:center;} .join .join_right .join_right_list .right_list_hover .list_hover_time span{ margin-right:13px; color:#666; font-size:14px;} .join .join_right .join_right_list .right_list_hover .list_hover_time span img{ margin-right:5px;} .join .join_right .join_right_list .right_list_hover .list_hover_bottom{ margin-top:35px;} .join .join_right .join_right_list .right_list_hover .list_hover_bottom dd{ font-size:16px; color:#737373; font-weight:bolder; margin-bottom:13px;} .join .join_right .join_right_list .right_list_hover .list_hover_bottom dt{ font-size:14px; color:#737373; line-height:32px;} .join .join_right .join_right_list .right_list_hover .list_hover_button{ margin-top:35px;} .join .join_right .join_right_list .right_list_hover .list_hover_button a{ display:inline-block; border-radius:5px; padding:0px 24px; line-height:36px; font-size:14px; color:#fff; background:#0068b7; position:relative;} .DCase2{ background:#f2f2f2; padding-top:85px; padding-bottom:55px;} .DCase2 .pc_all_contnet{ display:flex; align-items:center; justify-content:space-between;} .DCase2 .pc_all_contnet .DCase_left{ width:47%;} .DCase2 .pc_all_contnet .DCase_left dd{ font-size:20px; color:#000000; margin-bottom:25px;} .DCase2 .pc_all_contnet .DCase_left dt{ font-size:15px; color:#666; line-height:30px; text-align:justify;} .DCase2 .pc_all_contnet .DCase_right{ width:47%; margin-left:6%;} .DCase2 .pc_all_contnet .DCase_right img{ max-width:100%;} @media screen and (max-width:1794px){ .pc_all .pc_all_contnet{ max-width:1440px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list{ margin-right:130px; } .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt{ padding:0px 35px; padding-top:35px} .pc_top .pc_top_right .right_mum_Language{ font-size:16px;} .pc_top .pc_top_right .top_right_nav{ margin-right:35px;} .IndexFuture .IndexFuture_left dd,.IndexSolutions .IndexSolutions_title{ font-size:28px;} .IndexFuture .IndexFuture_left dt{ font-size:16px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dd{ font-size:28px; margin-bottom:30px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dt{ font-size:16px;} .IndexSolutions_b{ right:8%;} .contact .contact_right{ padding:100px;} } @media screen and (max-width:1440px){ .pc_all .pc_all_contnet{ max-width:1200px;} .pc_top_company{ font-size:13px;} .honor .honor_content .honor_content_list .content_list_txt .list_txt_list dt{ font-size:12px;} .Historical .Historical_content .slick-prev{ left:-35px;} .Historical .Historical_content .slick-next{ right:-35px;} .DSolutions .DSolutions_SImg dd{ font-size:15px;} .news .news_left{ width:100%;} .news .news_right{ width:250px;} .news .news_left .news_left_content .left_content_list .content_list_img{ width:25%;} .news .news_left .news_left_content .left_content_list .content_list_txt{ width:72%;} .Historical .Historical_content .Historical_content_list .content_list_txt{ margin-top:30px;} .buildnum{ top: 48%;} .about .about_title dt,.contact .contact_right .contact_right_title dt,.contact .contact_left .contact_left_title dt{ font-size:22px;} .about .about_content .about_content_left p,.contact .contact_right .contact_right_title p{ font-size:14px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt a{ margin-top:25px;} .IndexSolutions_b,.IndexSolutions .IndexSolutions_bottom .slick-dots{ bottom:35px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dd{ font-size:20px; margin-bottom:20px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dt{ font-size:14px;} .contact .contact_left,.contact .contact_right{ padding-top:0px; padding-bottom:0px;} .pc_top .pc_top_right .top_right_nav .right_nav_list:last-child .right_nav_down{ width:170px;} .join .join_right .join_right_list .right_list_hover .list_hover_bottom{ margin-top:20px;} .join .join_right .join_right_list .right_list_hover .list_hover_bottom dt{ line-height:28px;} .scroll{ height:330px; overflow:auto;} } @media screen and (max-width:1200px){ .pc_all .pc_all_contnet,.solution .solution_content,.mw1620 .mw1620_content{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden;} .pc_top{ display: none;} .footer{ display:none;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;} .case .case_top .case_top_list .top_list_img img{height: 111px;} .join .join_right .join_right_list .right_list_hover{ width:94%; padding:18px;} .DCase2{ padding:36px 0px;} .DCase2 .pc_all_contnet{ display:block;} .DCase2 .pc_all_contnet .DCase_left,.DCase2 .pc_all_contnet .DCase_right{ width:100%;} .DCase2 .pc_all_contnet .DCase_left dd{ font-size:16px; margin-bottom:15px;} .DCase2 .pc_all_contnet .DCase_left dt{ font-size:14px;} .DCase2 .pc_all_contnet .DCase_right{ margin-left:0px; margin-top:25px;} .IndexFuture{ padding: 30px 0px;} .IndexFuture .IndexFuture_left,.IndexFuture .IndexFuture_right{ width: 100%;} .IndexFuture .pc_all_contnet{ display: block;} .IndexFuture .IndexFuture_left{ margin-bottom: 15px;} .IndexFuture .IndexFuture_left dd{ font-size: 16px; line-height: 24px; margin-bottom: 15px;} .IndexFuture .IndexFuture_left dt{ font-size: 14px;} .IndexFuture .IndexFuture_right{ height: auto;} .IndexFuture .IndexFuture_right .IndexFuture_right_list{ margin-right: 0px; padding: 30px 0px; width: 33.33%;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt dd b{ font-size: 18px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_txt dt{ font-size: 12px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_icon{ width: 55px; height: 55px;} .IndexFuture .IndexFuture_right .IndexFuture_right_list .right_list_icon img{ height: 25px;} .IndexSolutions .IndexSolutions_title{ font-size: 16px; line-height: 28px; margin-bottom: 22px;} .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list{ width: 50%;} .IndexSolutions .IndexSolutions_content .IndexSolutions_content_list dt{ font-size: 14px; height: 40px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list{ display: block;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_img,.IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt{ width: 100%;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt{ padding: 20px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dd{ font-size: 18px; margin-bottom: 10px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt dt{ font-size: 14px;} .IndexSolutions .IndexSolutions_bottom .slick-dots{ left: 0; right: inherit; text-align: left; padding-left: 20px;} .IndexSolutions .IndexSolutions_bottom .slick-dots li.slick-active{ height: 3px !important;} .IndexSolutions_b{ font-size: 18px;} .IndexSolutions_b .totalnum{ font-size: 14px;} .IndexSolutions .IndexSolutions_bottom .IndexSolutions_bottom_list .bottom_list_txt a{ margin-top: 77px;} .IndexSolutions .IndexSolutions_bottom{ margin-top: 25px;} .index .Copyright{ margin-top: 45px;} .Copyright .Copyright_left{ display: none;} .Copyright .pc_all_contnet{ height: 55px; text-align: center;} .Copyright .pc_all_contnet .Copyright_right a{ margin-right: 12px;} .DBanner dd img{ height:auto;} .about{ padding:30px 0px;} .about .about_content{ display:block;} .about .about_content .about_content_left,.about .about_content .about_content_right{ width:100%;} .about .about_content .about_content_left{ margin-top:20px; margin-bottom:25px; font-size:14px;} .about .about_title{ padding-bottom:15px; margin-bottom:0px;} .about .about_title dt{ font-size:18px;} .Message .Message_p{ font-size:14px; margin-bottom:10px; margin-top:15px;} .Message .about_content .about_content_right{ padding-top:0px;} .honor .honor_content{ padding-bottom:0px;} .honor .honor_content .honor_content_list{ padding:25px; height:280px;} .honor .honor_content .honor_content_list .content_list_title{ font-size:26px;} .Historical .Historical_content .slick-next{ right:0px;} .Historical .Historical_content .slick-prev{ left:0;} .Historical .Historical_content .Historical_content_list .content_list_txt dd{ font-size:18px;} .Historical .Historical_content .Historical_content_list .content_list_txt dt{ font-size:14px;} .Historical .Historical_content .Historical_content_list .content_list_txt{ margin-top:40px;} .company .company_content{ display:block;} .company .company_content .company_content_list{ width:100%; margin-bottom:25px;} .company .company_content .company_content_list .content_list_txt dd{ font-size:16px;} .Partner .pc_all_contnet{ padding-bottom:15px; } .Partner .about_content{ overflow:hidden; display:block;} .Partner .Partner_list{ width:33.33%; float:left; height:80px;} .Partner .Partner_list img{ max-width:80%; max-height:50%;} .Partner .Partner_list:nth-child(3n){ border-right: 1px solid #e9e9e9;} .Innovation_nav a,.Innovation_nav{ height: 80px;} .Innovation_nav a dd img{ height:20px;} .Innovation_nav a dt{ font-size:14px; margin-top:5px;} .case{ padding:30px 0px;} .case .case_top .case_top_list{ width:100%; margin-right:0px; margin-bottom:25px; height:auto;} .case .case_top .case_top_list .top_list_txt{ padding:20px 0px; padding-bottom:0px; position:relative;} .case .case_top .case_top_list .top_list_txt dd{ font-size:16px;} .case .case_top .case_top_list .top_list_txt p{ color:#666; margin-bottom:15px;} .case .case_top .case_top_list .top_list_txt dt{ font-size:13px;} .case .case_top .case_top_list .top_list_txt dt img{ height:4px;} .case .case_top .case_top_list .top_list_img img{ height:auto;} .case .case_top .case_top_list .top_list_txt p{ -webkit-line-clamp: inherit !important;} .DSolutions{ padding:30px 0px; padding-bottom:0px;} .DSolutions .pc_all_contnet{ display:block;} .DSolutions .DSolutions_BImg,.DSolutions .DSolutions_SImg{ width:100%;} .DSolutions .DSolutions_SImg{ margin:25px 0px;} .DSolutions .DSolutions_BImg img{ height:auto;} .DSolutions .DSolutions_SImg .DSolutions_SImg_bottom{ display:none;} .DSolutions .DSolutions_SImg .DSolutions_SImg_title{ font-size:18px; margin-bottom:15px;} .DSolutions .DSolutions_SImg dt p{ font-size:14px;} .DSolutions .DSolutions_SImg dd{ font-size:14px;} .PSolution .about_content .about_content_left{ margin-top:0px;} .city2 .about_content .about_content_left{ padding:25px;} .PSolution .about_title{ margin-bottom:15px;} .city{ padding-top:0px;} .city .about_title{ margin-bottom:15px;} .city .about_content .about_content_left{ padding:30px 25px; margin:0px;} .Staff .Staff_content{ display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .Staff .Staff_content .Staff_content_list{ width:49%; margin-right:2%; margin-bottom:2%; padding:25px;} .Staff .Staff_content .Staff_content_list:nth-child(2n){ margin-right:0px;} .Staff .Staff_content .Staff_content_list .content_list_icon img{ height:35px;} .Staff .Staff_content .Staff_content_list .content_list_txt dd{ font-size:16px;} .Staff .Staff_content .Staff_content_list .content_list_txt{ margin-top:20px;} .team .team_list .team_list_img{ text-align:center;} .team .team_list .team_list_txt dd{ font-size:16px;} .DetailsBanner img{ height:auto;} .DBanner dt{ width:100%;} .news{ padding: 30px 0px;} .news .news_left{ width: 100%; padding: 0px 20px;} .news .news_right{ display: none;} .news .news_left .news_left_title{ font-size: 16px;} .news .news_left .news_left_title span{ font-size: 13px;} .news .news_left .news_left_content .left_content_list{ display: block;} .news .news_left .news_left_content .left_content_list .content_list_txt .list_txt_title dd{ font-size: 16px;} .news .news_left .news_left_content .left_content_list .content_list_img,.news .news_left .news_left_content .left_content_list .content_list_txt{ width: 100%;} .news .news_left .news_left_content .left_content_list .content_list_img{ margin-bottom: 20px;} .news .news_left .news_left_content .left_content_list .content_list_img img{ height: auto;} .NewsDetails .news_left{ padding: 25px;} .NewsDetails .NewsDetails_title dd{ font-size: 18px;} .NewsDetails .NewsDetails_title dt{ justify-content: space-between;} .NewsDetails .NewsDetails_title dt span{ font-size: 13px; margin-right: 0px;} .NewsDetails .NewsDetails_title dt span:last-child{ display: none;} .NewsDetails .NewsDetails_page{ display: block; padding-top: 20px;} .NewsDetails .NewsDetails_page .NewsDetails_page_left,.NewsDetails .NewsDetails_page .NewsDetails_page_right{ width: 100%;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list{ justify-content:space-between;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list a{ font-size: 13px; width:50%;} .NewsDetails .NewsDetails_page .NewsDetails_page_left .page_left_list span{ height: 32px; font-size: 12px; width:40%;} .contact{ padding-bottom: 0px;} .contact .contact_left,.contact .contact_right{ width: 100%; top: 0px;} .contact .contact_left{ height: auto; padding: 30px; align-items: flex-start;} .contact .contact_left .contact_left_title dt{ font-size: 20px;} .contact .contact_left .contact_left_txt p{ font-size: 14px; margin-bottom: 17px;} .contact .contact_left .contact_left_title{ margin-bottom: 27px;} .contact .contact_right{ padding: 30px;} .contact .contact_right .contact_right_title dt{ font-size: 20px;} .contact .contact_right .contact_right_title p{ font-size: 14px;} .contact .contact_right .contact_right_txt .right_txt_submit input{ font-size: 16px; height: 48px;} #dituContent{ height: 300px; margin-bottom: 45px;} .team .team_list .team_list_txt{ padding:0px 14px;} .team .team_list .team_list_icon{ display:none;} .join{ padding:33px 0px;} .join .join_left,.join .join_right{ width:100%;} .join .join_left dd{ font-size:18px; text-align:center;} .join .join_left dt{ padding-left:0px;} .join .join_left dt p{ display:flex; float:left; width:48%; margin-bottom:4%; text-align:center; border:1px solid #dcdcdc; background:#fff; border-radius:5px; line-height:46px;} .join .join_left dt p:nth-child(2n){ float:right;} .join .join_left dt p a{ font-size:14px; margin-bottom:0px; text-align:center; justify-content:center;} .join .join_right .join_right_list .right_list_title dd{ font-size:16px;} .honor .honor_content2{ flex-wrap:wrap;} .honor .honor_content2 .honor_content_list{ width:48%; margin-bottom:4%; padding:13px; height: auto;} .Message .about_content .about_content_left .content_left_c{ display:block;} .Message .about_content .about_content_left .content_left_c .left_c_l{ width: 100%;} .Message .about_content .about_content_left .content_left_c .left_c_r{ width: 100%; margin-top:35px;} } @media screen and (max-width:950px){ } @media screen and (max-width:768px){ } @media screen and (max-width:600px){ .DBanner dd img,.DetailsBanner img{ height:180px;} .DBanner dt{ padding:0px 2%; width:100%;} .DBanner dt img{ height:90px;} .join .join_right .join_right_list{ width:100%;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ } .IndexNews{ background: #f7f7f7; padding-bottom: 82px;} .IndexNews .IndexNews_content{ margin-top: 35px;} .IndexNews .IndexNews_content .IndexNews_content_list{ display: inline-block; width: 18%; margin-right: 1.33%;} .IndexNews .IndexNews_content .IndexNews_content_list:nth-child(5){ margin-right: 0px;} .IndexNews .IndexNews_content .IndexNews_content_list:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,.1);} .IndexNews .IndexNews_content .IndexNews_content_list:hover .content_list_txt dd{ color: #f10000;} .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img{ width: 100%; object-fit: cover;} .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt{ padding: 30px 25px; background: #fff;} .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dd{ font-size: 18px; color: #222222; margin-bottom: 12px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt p{ font-size: 14px; color: #777777; line-height: 22px; margin-bottom: 30px; display: -webkit-box; height: 44px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dt{ color: #bfbfbf; font-size: 14px; text-transform: uppercase;} .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dt img{ margin-right: 8px; position: relative; top: -2px;} .inside_banner img {display:block;width:100%;} .Product{ padding: 50px 0px; background: #f2f2f2;} .Product .Product_left{ width: 20%; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.12);} .Product .Product_left .Product_left_title{ height: 160px; background: url(../image/bn49.png) no-repeat 50%/cover; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;} .Product .Product_left .Product_left_title dd{ font-size: 14px; color: #fff; text-transform: uppercase;} .Product .Product_left .Product_left_title dt{ font-size: 28px; color: #fff;} .Product .Product_left .Product_left_title::after{ content: ""; display: inline-block; width: 65px; height: 3px; background: #fff; margin-top: 30px; transform: skewX(-45deg); } .Product .Product_left .Product_left_content{ overflow: hidden;} .Product .Product_left .Product_left_content a{ display: inline-block; width: 100%; float: left; line-height: 65px; text-align: center; font-size: 16px; color: #333333; border-bottom: 1px solid #f0f0f0;} .Product .Product_left .Product_left_content a:last-child{ border-bottom: 0px;} .Product .Product_left .Product_left_content a.on{ color: #0b3d90;} .Product .Product_left .Product_left_content a:hover{ color: #0b3d90;} .Product .Product_right{ width: 77%;} .Product .Product_right .Product_right_content .right_content_list{ display: inline-block; width: 32%; float: left; margin-right: 2%; margin-bottom: 2%;transition:all ease 0.5s; position: relative; top: 0px;} .Product .Product_right .Product_right_content .right_content_list:nth-child(3n){ margin-right: 0px;} .Product .Product_right .Product_right_content .right_content_lis t .content_list_logo{display: flex; align-items: center; justify-content: center; background: #f9f9f9; position: relative; } .Product .Product_right .Product_right_content .right_content_list .content_list_logo dd img{ max-height: 190px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo dt{ position: absolute; left: 33px; top: 22px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo dt img{ max-height: 22px;} .Product .Product_right .Product_right_content .right_content_list .content_list_title{ background: #fff; line-height: 30px; text-align: center; padding: 0px 15px; font-size: 18px; color: #333333;transition:all ease 0.5s; padding:23px 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Product .Product_right .Product_right_content .right_content_list:hover{transition:all ease 0.5s; top: -5px; box-shadow: 0px 0px 25px rgba(0,0,0,.2);} .Product .Product_right .Product_right_content .right_content_list:hover .content_list_title{ background: #0b3d90; color: #fff;transition:all ease 0.5s;} .common-btn{display:flex;padding:40px 45px;justify-content:center} .common-btn .btn{width:180px;border:1px solid #b7b7b7;border-radius:44px;background-color:#fff;color:#888;text-align:center;font-size:16px;line-height:40px} .common-btn .btn.active,.common-btn .btn:hover{border-color:#0b3d90;background-color:#0b3d90;color:#fff} .common-btn .btn+.btn{margin-left:25px} .box1{padding:55px 0} .box1 .lists{display:flex;flex-wrap:wrap} .box1 .lists .item{position:relative;margin-right:17px;padding:10px;width:calc((100% - 34px)/ 3);border-radius:10px;background-color:#fff;box-shadow:0 0 15px rgba(55,55,55,.1)} .box1 .lists .item:nth-child(3n){margin-right:0} .box1 .lists .item:nth-child(n+4){margin-top:17px} .box1 .lists .item .img-box{overflow:hidden;border-radius:8px} .box1 .lists .item .img-box .pic{background:50% no-repeat;background-size:cover;-webkit-transition:all .5s} .box1 .lists .item:hover .pic{-webkit-transform:scale(1.05)} .box1 .lists .item .text{display:flex;padding:0;height:75px;color:#464646;text-indent:15px;font-size:16px;justify-content:space-between;align-items:center} .box1 .lists .item .right{position:absolute;right:20px;bottom:22px;display:flex;width:185px;justify-content:space-between} .box1 .lists .item .right .iconfont{width:38px;border:1px solid #0b3d90;border-radius:50%;color:#0b3d90;text-align:center;font-size:24px;line-height:38px} .box1 .lists .item .right .iconfont:hover{background:#0b3d90;color:#fff} .box1 .lists .item .right .btn{width:136px;border:1px solid #464646;border-radius:38px;background-color:#fff;color:#0b3d90;text-align:center;font-size:14px;line-height:36px;cursor:pointer} .box1 .lists .item .right .btn:hover{background:#0b3d90;color:#fff} .box1 .lists .item .right .btn:hover a{color:#fff} .box1 .lists .item .text .left{width:215px} .box1 .lists .item .text .left h3{overflow:hidden;max-height:60px;text-align:justify;font-weight:400;font-size:18px;line-height:30px} .box1 .lists .item .text .left .type{margin-top:3px;opacity:.85} .box1 .pagination{padding-top:45px;font-size:15px} .culture{ background: #fff url(../images/bn26.png) no-repeat 100% 100%; padding-top: 80px; padding-bottom: 100px;} .culture .culture_title{ text-align: center; margin-bottom: 70px;} .culture .culture_title dd{ font-size: 40px; color: #333333; font-family: "BEBAS"; margin-bottom: 15px; text-transform: unset;} .culture .culture_title dt span{ font-size: 28px; color: #444444; position: relative;} .culture .culture_title dt span::before{ content: ""; position: absolute; display: inline-block; width: 58px; height: 1px; background: #5e5e5e; left: -85px; top: 50%;} .culture .culture_title dt span::after{ content: ""; position: absolute; display: inline-block; width: 58px; height: 1px; background: #5e5e5e; right: -85px; top: 50%;} .culture .culture_content .culture_content_list{ width: 22%; margin-right: 4%; background: #f5f5f5; padding: 55px 50px;} .culture .culture_content .culture_content_list:last-child{ margin-right: 0px;} .culture .culture_content .culture_content_list{ text-align: center;} .culture .culture_content .culture_content_list dt{ font-size: 26px; color: #444444; margin-top: 25px; margin-bottom: 25px;} .culture .culture_content .culture_content_list p{ font-size: 14px; color: #777777; line-height: 24px; text-align: left;} .Join{ padding: 0px; background: #fff;} .Join .Join_title{ text-align: center; padding: 65px 0px;} .Join .Join_title dd{ font-size: 32px; color: #4e4a49;} .Join .Join_title dt{ font-size: 18px; color: #666666; margin-top: 13px;} .Join .Join_title dt span{ color: #017bc6;} .Join .Join_content .Join_content_list{ margin-bottom: 80px;} .Join .Join_content .Join_content_list .content_list_img{ width: 44%;} .Join .Join_content .Join_content_list .content_list_img img{ width: 100%; height: 400px; object-fit: cover;} .Join .Join_content .Join_content_list .content_list_txt{ width: 29%; padding: 0px 3%; padding-top: 25px;} .Join .Join_content .Join_content_list .content_list_txt .list_txt_list{ margin-bottom: 28px;} .Join .Join_content .Join_content_list .content_list_txt .list_txt_list dd{ font-size: 16px; color: #515151; font-weight: bolder; margin-bottom: 13px;} .Join .Join_content .Join_content_list .content_list_txt .list_txt_list dt{ font-size: 14px; color: #777777; line-height: 24px;} .Join .Join_content .Join_content_list .content_list_txt .list_txt_list:last-child{ margin-bottom: 0px;} .Join .Join_content .Join_content_list .content_list_right{ width: 27%;} .Join .Join_content .Join_content_list .content_list_right img{ max-width:100%;} .Join2{ background: #f5f5f5; padding-bottom: 50px;} .Join2 .Join2_content .Join2_content_list{ width: 23%; margin-right: 2.66%; background: #fff; text-align: center; padding: 30px 0px; border: 1px solid #e0e0e0; margin-bottom: 2.6%; position: relative; cursor: pointer;} .Join2 .Join2_content .Join2_content_list:nth-child(4n){ margin-right: 0px;} .Join2 .Join2_content .Join2_content_list .content_list_txt{ position: absolute; width: 100%; top: 0; background: url(../image/bg48.jpg) no-repeat 50%/cover; height: 100%; padding: 0px 40px; padding-top: 30px; opacity: 0; transition: all 0.5s ease 0s;} .Join2 .Join2_content .Join2_content_list .content_list_top dd{ line-height: 72px;} .Join2 .Join2_content .Join2_content_list .content_list_top dt{ color: #888888; font-size: 18px; margin-top: 15px;} .Join2 .Join2_content .Join2_content_list .content_list_txt dd{ font-size: 20px; color: #fff; margin-bottom: 15px;} .Join2 .Join2_content .Join2_content_list .content_list_txt dt{ font-size: 14px; color: #fff; line-height: 24px; text-align: left;} .Join2 .Join2_content .Join2_content_list:hover .content_list_txt{ opacity: 1; transition: all 0.5s ease 0s;;} .Join3{ background: #fff;} .Join3 .Join3_content .Join3_content_list{ width: 50%; display: flex; transition: all 0.5s ease 0s; cursor: pointer; margin-bottom:20px;} .Join3 .Join3_content .Join3_content_list .content_list_txt{ padding: 50px 40px;} .Join3 .Join3_content .Join3_content_list .content_list_txt dd{ font-size: 24px; color: #444444; margin-bottom: 22px;} .Join3 .Join3_content .Join3_content_list .content_list_txt dt{ font-size: 14px; color: #777777; line-height: 24px; text-align:justify;} .Join3 .Join3_content .Join3_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1); background: #fafafa; transition: all 0.5s ease 0s;} .Join3 .Join3_content .Join3_content_list:nth-child(1) .content_list_txt{ background: url(../images/bn91.png) no-repeat 90% 90%;} .Join3 .Join3_content .Join3_content_list:nth-child(2) .content_list_txt{ background: url(../images/bn92.png) no-repeat 90% 90%;} .Join3 .Join3_content .Join3_content_list:nth-child(3) .content_list_txt{ background: url(../images/bn93.png) no-repeat 90% 90%;} .Join3 .Join3_content .Join3_content_list:nth-child(4) .content_list_txt{ background: url(../images/bn94.png) no-repeat 90% 90%;} .Join4{ background: #f9f9f9;} .Join4 .Join4_content .Join4_content_list{ width: 23%; margin-right: 2%; margin-bottom:2%;} .Join4 .Join4_content .Join4_content_list:last-child{ margin-right: 0px;} .Join4 .Join4_content .Join4_content_list .content_list_img img{ width: 100%;} .Join4 .Join4_content .Join4_content_list .content_list_txt{ margin-top: 30px;} .Join4 .Join4_content .Join4_content_list .content_list_txt dd{ font-size: 20px; color: #555555; margin-bottom: 10px;} .Join4 .Join4_content .Join4_content_list .content_list_txt dt{ font-size: 13px; color: #777777; line-height: 24px;} .Join5{ background: #fff;} .Join5 .culture_title dt{ margin-top: 20px;} .Join5 .culture_title dt p{ font-size: 14px; color: #777777; line-height: 26px;} .Join5 .Join5_content .Join5_content_list{ width: 18%; margin-right: 2%; border: 1px solid #d6d6d6; text-align: center; padding: 50px 0px;} .Join5 .Join5_content .Join5_content_list:last-child{ margin-right: 0px;} .Join5 .Join5_content .Join5_content_list dd{ margin-bottom: 29px; line-height: 85px;} .Join5 .Join5_content .Join5_content_list dt{ line-height: 24px; font-size: 14px; color: #666666;} .Join6{ background: url(../images/bg57.jpg) no-repeat 50%/cover;} .Join6 .culture_title dt span{ color: #fff;} .Join6 .culture_title dt span::before{background: #fff;} .Join6 .culture_title dt span::after{ background: #fff;} .Join6 .culture_title dt p{color: #fff;} .Join6 .Join6_content{ padding: 0px 52px;} .Join6 .Join6_content .Join6_content_list{ width: 100%; text-align: center; margin: 0px 60px; position: relative; outline: none;} .Join6 .Join6_content .Join6_content_list::before{ content: ""; position: absolute; display: inline-block; width: 86px; height: 20px; background: url(../images/bn119.png) no-repeat 50% 50%; top: 30%; right: -110px;} .Join6 .Join6_content .Join6_content_list:last-child::before{ display: none;} .Join6 .Join6_content .Join6_content_list dd img{ max-width: 100%;} .Join6 .Join6_content .Join6_content_list dt{ font-size: 16px; color: #fff; margin-top: 25px;} .Join6 .slick-next,.slick-prev{ width: 22px; height: 40px;} .Join6 .slick-next:before,.Join6 .slick-prev:before{ display: none;} .Join6 .slick-next{ background: url(../images/bn121.png) no-repeat 50% 50%; right: 0;} .Join6 .slick-prev{ background: url(../images/bn120.png) no-repeat 50% 50%;} .Join7{ background: #f6f6f6;} .Join7 .pc_all_contnet{ background: #fff url(../images/bn101.png) no-repeat 50% 0%; padding: 60px 200px;} .Join7 .culture_title dt{ font-size: 16px; color: #888888;} .Join7 .Join7_content .Join7_content_list{ width: 45%; display: flex; margin-bottom: 22px;} .Join7 .Join7_content .Join7_content_list dd{ line-height: 44px; width: 15%;} .Join7 .Join7_content .Join7_content_list dt{ width: 85%;} .Join7 .Join7_content .Join7_content_list dt input{ width: 100%; line-height: 44px; border: 1px solid #dcdcdc; padding: 0px 15px;} .Join7 .Join7_content .Join7_content_list dt select{ width: 30%; height: 44px; border: 1px solid #dcdcdc; padding: 0px 15px; margin-right: 4%; font-size: 14px; color: #bebebe; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: #fff url(../images/bn126.png) no-repeat 90% 50%; } .Join7 .Join7_content .Join7_content_list dt select:nth-child(3){ margin-right: 0px;} .Join7 .Join7_content .Join7_content_cord dt input{ width: 73%; margin-right: 3%;} .Join7 .Join7_content .Join7_content_cord dt a{ display: inline-block; width: 23%; border: 1px solid #dcdcdc;background: #f3fbfe; line-height: 44px;} .Join7 .Join7_content .Join7_content_cord dt a img{ max-width: 100%;} .Join7 .Join7_content .Join7_content_submit{ width: 100%; text-align: center; padding-top: 50px;} .Join7 .Join7_content .Join7_content_submit dd input{ width: 318px; line-height: 44px; background: #017bc6; border-radius: 4px; color: #fff; font-size: 16px; cursor:pointer;} .Join7 .Join7_content .Join7_content_submit dt{ font-size: 14px; color: #f57272; margin-top: 20px;} .contact {padding:55px 0px;padding-bottom:20px;} .contact .contact_content {margin-top:40px;} .contact .contact_content .contact_content_list {width:48%;margin-right:4%;background:#f5f5f5;text-align:center;padding:35px 0px;margin-bottom:2.5%;border-radius:10px;} .contact .contact_content .contact_content_list:nth-child(2n) {margin-right:0px;} /*.contact .contact_content .contact_content_list dd {background:url("../image/bn40.png") no-repeat 50% 50%;}*/ .contact .contact_content .contact_content_list dt {font-size:22px;color:#333333;margin-top:25px;} .contact .contact_content .contact_content_list p {font-size:14px;color:#444444;margin-top:10px;} .page{width:auto; margin: 0 auto; text-align: center;} .page li{ float: left} .page li a{ padding: 0 15px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background: #fff; color: #0b3d90; margin-right: 10px; border: 1px solid #dcdcdc;} .page li a i{ position: relative; top: -2px;} .page li:last-child a{ margin-right: 0px;} .page li.active a{ background: #0b3d90; color: #fff; border: 1px solid #0b3d90;} .page li:hover a{ background: #0b3d90; color: #fff; border: 1px solid #0b3d90;} .page li .prev,.page li .next{ font-size: 18px;} .max_wrap{max-width:680px;} .ind_abbox{margin-top:50px;background:#e5e9ed;position:relative; height: 650px;} .ind_ab_fl{width:50%;float:left;position:relative;} .ind_ab_fl:after{position:absolute;content:"";left:0px;top:120px;height:490px;background:#00479d;width:70%;padding:0px 20% 0 30%;z-index:1;color:#fff;} .ind_abbox .contain{position:absolute;left:50%;margin-left:-700px;top:50px;z-index:2;color:#fff;} .ind_ab_note h2{font-family:"semb",Arial;font-size:90px;color:#c1d1e1;}/*text-shadow:8px 5px 2px #00479d;*/ .ind_ab_note h4{font-size:28px;margin:30px 0 30px;line-height:35px;} .ind_ab_note p{line-height:28px;} .ind_ab_note a.ind_ab_more{width:160px;height:50px;line-height:50px;border:1px solid #80a3ce;display: block;text-align: center;margin-top:20px; color:aliceblue;} .ind_ab_note a.ind_ab_more:hover{border:1px solid #fff;} .ind_ab_note a.ind_ab_more span{padding-left:10px;transition:all 0.6s ease;position:relative;right:0px;} .ind_ab_note a.ind_ab_more:hover span{right:-10px;} .ind_ab_fr{width:50%;float:right;position:relative;} .ind_ab_fr span{position:absolute;left:50%;top:50%;transform: translate(0,-50%);width:80px;height:80px;border-radius:50%;cursor:pointer;z-index:3;} .ind_data{padding:40px 0!important;background:#00479d;width:100%;overflow: hidden;height:200px;position:relative;} .ind_data ul{overflow: hidden;} .ind_data ul li{width:25%;float:left;text-align:center;color:#fff;} .ind_data ul li h4{font-size:46px;font-family:"semb",Arial;margin-bottom:10px;} .ind_data ul li h4 span{font-size:30px;font-weight:bold;} .ind_data ul li p{font-size:16px;} /**/ .flow_path{height:577px; background:url(../image/flow_path.jpg) no-repeat center;} .flow_path .flow{padding-top:114px;} .flow_path .flow .flow-con{height:209px;} .flow_path .flow .flow-con h4{float:left;padding-top:8px;} .flow_path .flow .flow-con h4 span{display: block; height:50px; line-height: 50px; font-size: 24px; color:#FFF; font-weight: normal;} .flow_path .flow .flow-con h4 em{display: block; height:62px;line-height: 62px;font-size: 36px; color:#FFF; font-weight: bold;} .flow_path .flow .flow-con .flow-code{width:264px; float:right;} .flow_path .flow .flow-con .flow-code span{display: block; width:125px;float:left;} .flow_path .flow .flow-con .flow-code span:last-child{float:right;} .flow_path .flow .flow-con .flow-code span i{display: block; width:100%; line-height: 0; overflow: hidden;background:#FFF; padding:10px; box-sizing:border-box;} .flow_path .flow .flow-con .flow-code span i img{width:100%;} .flow_path .flow .flow-con .flow-code em{display: block; height:32px;line-height: 32px; text-align: center;font-size: 14px;color:#FFF;} .flow_path .flow .flow-ul{height:152px; background: #FFFFFF;} .flow_path .flow .flow-ul ul{ padding: 0;} .flow_path .flow .flow-ul li{float:left; width:12.5%;height:152px; box-sizing: border-box;padding-top:33px; position: relative;} .flow_path .flow .flow-ul li:before{width:1px; height:80px; background:#e5e5e5;content:""; position: absolute;right:0;top:36px;} .flow_path .flow .flow-ul li em{display: block; width:50px; height:49px;margin:0 auto; position: relative;} .flow_path .flow .flow-ul li em i{display: block; width:50px; height:49px; line-height: 0; position: absolute;top:0;left:0;} .flow_path .flow .flow-ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .flow_path .flow .flow-ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;} .flow_path .flow .flow-ul li span{display: block; height:48px; line-height: 48px; text-align: center;font-size: 20px; color:#2e3135;} .flow_path .flow .flow-ul li:last-child:before{display: none;} .flow_path .flow .flow-ul li.cur{background:#EA5404; } .flow_path .flow .flow-ul li.cur:before{display: none;} .flow_path .flow .flow-ul li.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);} .flow_path .flow .flow-ul li.cur i.hover{opacity: 1; transform: scale(1);} .flow_path .flow .flow-ul li.cur span{color:#FFF; font-weight: bold;} /**/ /*鎴愬姛妗堜緥*/ .srv-case{padding:70px 0 0;} .sCase-nav{text-align:center;font-size:0px;margin:20px 0 0;} .sCase-nav a{display:inline-block;width:219px;height:48px;line-height:46px;font-size:16px;color:#666666;border:1px solid #cccccc;transition:none !important;-webkit-transition:none !important; margin-right: 20px;} .sCase-nav a:nth-child(2){margin-right: 0px;} .sCase-nav a.cur{color:#c7000a;border:3px solid #c7000a;line-height:42px;} .sCase-list{width:101.25%;margin:28px 0 0 -1.25%;display:none;} .sCase-list li{ width: 337px; padding: 0 0px 0px 1.25%; float: left; margin: 15px 0 0; height: 130px;} .sCase-list .sCase-box{display:block;line-height:128px;text-align:center;font-size:0px;border:1px solid #e5e5e5;overflow:hidden;} .sCase-box img{max-width:100%;max-height:100%;object-fit:cover;} /*-- 棣栭〉 --*/ .I-title{text-align:center;line-height:22px;color:#666666;} .I-title h1{line-height:52px;font-size:36px;color:#222;margin:0 0 5px;} .I-title.It2{color:#dbdbdb;} .I-title.It2 h1{color:#fff;} .I-title i{display:block;width:50px;height:5px;background:#c7000a;margin:10px auto 0;} .I-title.It3 h1{font-size:32px;font-weight:normal;} /* 企业布局 */ .inside_main .mid{ max-width: 1400px; margin:0 auto; display: flex; align-items: center; padding:60px 0; } .inside_main .qybj-sd{ flex:1; margin-right:20px; } .inside_main .qybj-sd h6{ font-size:30px; padding-bottom: 20px; color:#333; font-weight: bold; position: relative; } .inside_main .qybj-sd p{ font-size:15px; color:#999; margin-top:10px; } .inside_main .qybj-sd h6::after{ content: ''; display: block; width:140px; height:12px; background-color: #1f5dc2; position: absolute; left:0; bottom: -2px; z-index: -1; } .inside_main .map{ width:100%; height:500px; border-radius: 20px; overflow: hidden; background-color: #0b3d90; margin-top:30px; }