html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);} body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 16px;min-width: 1230px;background: #fff;color: #333;} h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol, li { list-style: none; } h1{font-size:2em;margin:.67em 0;} figure{margin:1em 40px;} hr{box-sizing:content-box;height:0;overflow:visible;} a{-webkit-text-decoration-skip:objects;background-color:transparent;} abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;} b,strong{font-weight:bolder;} dfn{font-style:italic;} mark{background-color:#ff0;color:#000;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-.25em;} sup{top:-.5em;} audio:not([controls]){display:none;height:0;} img{border-style:none;} svg:not(:root){overflow:hidden;} button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;} body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";} button,input{overflow:visible;} button,select{text-transform:none;} button,html [type=button],/* 1 */ [type=reset],[type=submit]{-webkit-appearance:button;} button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;} fieldset{padding:.35em .75em .625em;} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;} progress{display:inline-block;vertical-align:baseline;} textarea{overflow:auto;} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0;} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;} [type=search]{-webkit-appearance:textfield;outline-offset:-2px;} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} summary{display:list-item;} article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */ menu{display:block;} pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;} audio,video,canvas{display:inline-block;} template,[hidden]{display:none;} .clearfix{zoom:1;} .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} a {color: #333;text-decoration: none;} a:hover {color: #1e5ab2;} ul {margin: 0;list-style: none;padding: 0;} .banner img { display: block; max-width: 100%; margin: 0 auto; } .img-center {text-align: center;font-size: 0;} .img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;} .img-center img:hover{transform: scale(1.2);transition: 1s;} .img-cover {overflow: hidden;position: relative;display: table-cell; vertical-align: middle; text-align:center;} .img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;} .img-cover img {max-width: 100%;max-height: 100%;} .img-cover img:hover{ transform: scale(1.2);transition: 1s;} .container {padding: 0 15px;width: 1450px;margin: 0 auto;} .containera {padding: 0 15px;width: 1250px;margin: 0 auto;} .swiper-button-prev,.swiper-button-next {outline: none;} .swiper-pagination-bullet-active {background-color: #2057bb;} .topbar {padding: 8px 0;background-color: #1f1f1f;color: #fff;} .topbar a {color: #fff;} .header {background-color: #fff;} .header .logo {float: left;font-size: 0;height: 70px;line-height: 70px;text-align: left;padding: 15px 0;} .header .nav {font-size: 0;float: left;margin-left: 50px;} .header .nav li {display: inline-block;vertical-align: middle;float: left;position: relative;} .header .nav li a {display: block;font-size: 16px;line-height: 110px;padding: 0 25px;margin: 0 8px;} .header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;} .header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;} .header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #2258b2;} .nav li a:hover{font-weight: bold;} .header .nav li.active{border-bottom: 3px solid #2258b2;} /*.header .nav li.dropdown {position: relative;} .header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 25px;}*/ .header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);background-color: rgba(255,255,255,0.9);} .header .nav .dropdown-box p {margin: 0;border-bottom: dotted 1px #ccc;} .header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: transparent !important;line-height: 40px;color: #333 !important;} .header .nav .dropdown-box a:hover {background-color: #fff !important;color: #2057bb !important;} .header .nav li.open .dropdown-box {display: block;} .menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;} .menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #2057bb;content: '';} .menu-btn:before {width: 24px;} .menu-btn:after {width: 18px;margin-left: 6px;} .menu-btn span {width: 12px;margin: 6px 0 6px 12px;} .header .tel_main { float: right; width: 276px; height: 110px; margin-right: 26px; } .header .tel_main .zx { margin-top: 30px; font-size: 14px; line-height: 24px; color: #666; } .header .tel_main .tel { width: 270px; height: 50px; line-height: 50px; background: #2258b2; border-radius: 25px; text-align: center; margin-top: 30px; } .header .tel_main .tel .t1 { margin-right: 6px; font-size: 16px; color: #fff; } .header .tel_main .tel .num { font-size: 20px; font-weight: bold; color: #fff; } .soluimg{ height: auto; overflow: hidden; margin-top: 3%;} .soluimg img{ display: block;margin:0 auto;width: 80%;} .gj_case{ height: auto;overflow: hidden; background:url(../images/caseBg.jpg) no-repeat top center; padding:3% 0px 3%; background-size: cover;} .gj_case .indexTitle .titlehtp{ color: #fff;} .indexTitle{ height: auto; overflow: hidden; text-align: center;} .indexTitle .titlehtp{ font-size: 36px; color: #2258b1; font-weight: bold; margin:5px 5px;} .indexTitle .abre{ font-size:14px; color:#4d4d4d;} .banner {position: relative;} .banner .swiper-slide {background: no-repeat center / cover;} .yunu-link {padding: 20px 0;} .yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #2057bb;padding-bottom: 15px;} .yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;} .yunu-link ul {margin-left: -20px;} .yunu-link li {float: left;margin-left: 20px;margin-top: 20px;} .yunu-showcase {margin: 40px 0 40px;} .yunu-showcase-info {margin-left: 550px;} .yunu-showcase-info h1 {font-size: 24px;margin: 0 0 20px;font-weight: bold;} .yunu-showcase-info .desc {color: #666;line-height: 1.8;margin-bottom: 30px;} .yunu-showcase-info .cn {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 10px 0;margin: 15px 0;} .yunu-showcase-info .cn span {color: #2057bb;} .yunu-showcase-info p {margin: 5px 0 0;line-height: 1.8;} .yunu-showcase-info p strong {color: #2057bb;font-size: 24px;line-height: 1;} .yunu-showcase-info .tel {margin-top: 20px;} .yunu-showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;width: 160px;text-align: center;background-color: #2057bb;border: 1px solid transparent;font-size: 16px;border-radius: 3px;} .yunu-showcase-info .tel a.ac {background-color: #282828;border-color: #282828;margin-left: 15px;} .pc-slide{float:left;width:500px;} .pc-slide .view {background-color: #FFFFFF;} .view .swiper-slide .img-center {width:100%;height:400px;line-height:400px;} .view .swiper-container{width:100%;} .preview{width:100%;margin-top:10px;position:relative;} .preview .swiper-container{margin:0 30px;} .preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;} .preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;} .preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;} .preview .active-nav .img-center{border-color: #2057bb;} div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;} div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;} .in-sou {padding: 30px 0;} .in-sou .desc {float: left;width: 410px;margin-right: 30px;} .in-sou .desc h4 {font-weight: normal;margin: 0;font-size: 22px;} .in-sou .desc span {display: inline-block;background-color: #d10009;color: #fff;padding: 2px 10px;} .in-sou .hform {padding: 0 50px;width: 400px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;float: left;} .in-sou .hform input {float: left;border: 0;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;font-size: 14px;padding: 9px 15px 9px 5px;width: 310px; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; } .in-sou .hform button {float: right;border: 0;padding: 0;cursor: pointer;background-color: #2057bb;color: #fff;font-size: 14px;line-height: 40px;width: 60px;} .in-sou .hform p {margin: 10px 0 0;font-size: 12px;color: #999;} .in-sou .hform p a {margin-right: 10px;} .in-sou .tel {float: right;font-size: 16px;} .in-sou .tel strong {display: block;font-size: 29px;} .section {padding: 20px 0;} .section-title {margin-bottom: 30px;text-align: center;font-size: 38px;} .section-title .toptitle{font-weight: bold;color: #1d5bb2;} .section-title b{color: #010101;} .section-title small {display: block;text-transform: uppercase;position: relative;font-size: 0;color: #4e4e4e;;margin-top: 5px;} .section-title small em:before {left: 100%;} .section-title small em:after {right: 100%;} .section-title small i {font-style: normal;display: inline-block;font-size: 18px;vertical-align: middle;padding: 0 20px;background-color: #fff;color: #1d5bb2;} .section-title p {margin: 10px 0 0;font-size: 20px;color: #999;} .in-prod-menu {border: 1px solid #bebebe;width: 86%;margin: 0 auto;} .in-prod-menu li {float: left;width: 16%;} .in-prod-menu li a {display: block;color: #000000;line-height: 60px;font-size: 18px;transition: all 0.5s;text-align: center;border-right: 1px solid #bebebe;margin: 30px 0 30px 0;} .in-prod-menu li a:hover{color: #1d5bb2;} .in-prod-menu li:nth-child(6) a { border-right:none } .in-prod-list {margin: 15px 0 -15px -15px;} .in-prod-list li {float: left;width: 31.333333%;margin: 1%;} .in-prod-list li a {display: block;background-color: #fff;} .in-prod-list li .img-center { background: url(../images/cpbj.jpg) no-repeat center / cover;height: 367px; } .in-prod-list li h4 {font-size: 16px;font-weight: normal;margin: 0px;overflow: hidden;text-align: left;background-color: #3c71bf;color: #FFFFFF;line-height: 30px; padding: 10px;height: 60px;} .in-prod-list li .img-center h2 {font-size: 24px;font-weight: normal;margin:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;color: #3c71bf;line-height: 50px;padding-top: 10px;font-weight: bold;} .in-prod-list li .img-center h5 {width: 60%;background-color: #3c71bf;color: #FFFFFF;line-height: 50px;margin: 0 auto;border-radius: 30px;font-size: 16px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;} .in-prod-list li .img-center img { display: inline-block; width: 100%; height: 239px; vertical-align: middle; transition: all 0.5s; } .in-prod-list li h2:hover{color:#000000} .in-prod-list li .img-center h5:hover{background-color: #37b8e2;} .in-prod-list li h4:hover{color: #cbe5fe;} .in-prod-list li .img-center:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .in-prod-list li p {margin: 10px 0 0;color: #999;height: 40px;overflow: hidden;} .in-prod-list li .btn {font-size: 0;} .in-prod-list li .btn span {display: inline-block;vertical-align: middle;line-height: 36px;width: 120px;text-align: center;background-color: #2057bb;color: #fff;margin: 10px 10px 0 0;font-size: 14px;} .in-prod-list li .btn span.x {background-color: #333;} .in-prod-list li .btn i {font-style: normal;margin-left: 10px;} .bg1 {background: url(../images/pro_adv_bg.jpg) no-repeat center / cover;} .bg1 .section-title {color: #fff;border-bottom: 2px solid rgba(255,255,255,.5);padding-bottom: 15px;} .in-pro-adv {overflow: hidden;background: url(../images/pro-adv.png) no-repeat center;color: #fff;} .in-pro-adv ul {margin: -30px 0 0 -400px;} .in-pro-adv li {float: left;} .in-pro-adv dl {margin: 0 0 0 400px;padding: 50px 0;border-top: 1px solid #d3d3d3;width: 400px;} .in-pro-adv dt {float: left;width: 60px;height: 60px;background: no-repeat center #2057bb;border-radius: 50%;} .in-pro-adv dd {margin-left: 80px;} .in-pro-adv dd h4 {margin: 0;font-size: 18px;} .in-pro-adv dd p {line-height: 1.8;margin: 10px 0 0;height: 75px;overflow: hidden;} .in-pro-adv li:nth-child(odd) dt {float: right;} .in-pro-adv li:nth-child(odd) dd {margin: 0 80px 0 0;text-align: right;} .in-standard{ padding:50px 0 20px;} .in-standard .item{text-align: center;float: left;width: 20%;} .in-standard .item .item-icon{ width:184px;height: 184px;margin: 0 auto 20px;background-color: #2a2a2a; position: relative;border-radius: 50%; color: #fff;transition: all .3s;} .in-standard .item .item-icon::before, .in-standard .item .item-icon::after{content: ''; display: block; width:100%; height:100%;position: absolute; margin:auto; bottom: 0; right: 0; top: 0; left: 0;} .in-standard .item .item-icon::before{ background: url(../images/standard_light.png) center/cover no-repeat;transition: all 1s; z-index:2;} .in-standard .item .item-icon::after{background: url(../images/standard_circle.png) center no-repeat; z-index:1;} .in-standard .item .item-icon .icon-wrap{ height:100%;overflow: hidden;} .in-standard .item .item-icon .num{ width:90px; height:52px; text-align: center; line-height:52px; font-size:45px; font-style: normal; position: relative;display: block;margin: 55px auto 0;} .in-standard .item .item-icon .num::before, .in-standard .item .item-icon .num::after{ content: ''; display: block; width:15px; height:0;border-bottom: 1px solid #fff;position: absolute;transform: rotate(-30deg);} .in-standard .item .item-icon .num::before{ right: 3px;top: 6px;} .in-standard .item .item-icon .num::after{ left: 0; bottom: 3px;} .in-standard .item .item-icon span{font-size: 22px;display: block;} .in-standard .item .item-name{ color: #333333;font-size: 18px;transition: all .3s;margin: 0;} .in-standard .item .item-en-name { text-transform: uppercase; color: #cccccc;transition: all .3s;margin: 0;} .in-standard .item:hover .item-icon{background-color: #d42114; } .in-standard .item:hover .item-name{ color: #c30008;} .in-standard .item:hover .item-en{ color: #666;} .in-standard .item:hover .item-icon::before{transform: rotate(-90deg);} .in-ys {position: relative;} .in-ys:before {position: absolute;left: 50%;margin-left: -1px;content: '';top: 0;height: 100%;width: 2px;background-color: #d4d4d2;} .in-ys dl {margin: 30px 0 0;} .in-ys dt {float: left;width: 500px;border: 2px solid #fff;box-shadow: 11px 11px 20px #d9d9d9;border-radius: 3px;overflow: hidden;} .in-ys dd {margin-left: 700px;padding-top: 20px;} .in-ys dd em {display: inline-block;vertical-align: top;background-color: #2057bb;color: #fff;font-style: normal;font-size: 12px;padding: 4px 15px;border-radius: 3px;margin-bottom: 10px;} .in-ys dd h4 {margin: 0;font-size: 24px;font-weight: normal;} .in-ys dd p {margin: 10px 0 0;background: url(../images/icon-right.png) no-repeat 0 center;padding-left: 30px;color: #666;} .in-ys dd p span {color: #2057bb;} .in-ys dl:nth-child(even) dt {float: right;} .in-ys dl:nth-child(even) dd {margin: 0 700px 0 0;} .bg2 {background: url(../images/about_bg.jpg) no-repeat center top;} .about-title {color: #fff;font-size: 0;text-align: center;margin-bottom: 30px;} .about-title strong {display: inline-block;vertical-align: middle;font-size: 42px;} .about-title small {display: block;text-transform: uppercase;font-size: 13px;font-weight: normal;} .about-title span {display: inline-block;vertical-align: middle;margin-left: 15px;font-size: 29px;border: 1px solid #fff;padding: 8px 14px;} .in-about-box {background-color: #fff;padding: 30px 30px 0;} .in-about-box dl {margin: 0;} .in-about-box dt {float: right;width: 550px;} .in-about-box dd {margin: 0 580px 0 0;padding-top: 20px;} .in-about-box dd .img-center {text-align: left;} .in-about-box dd h4 {margin: 0;font-size: 24px;} .in-about-box dd p {margin: 15px 0 0;line-height: 2;color: #666;text-align: justify;text-indent: 2em;} .in-about-menu {font-size: 0;margin-left: -24px;margin-bottom: 20px;margin-top: -36px;} .in-about-menu li {display: inline-block;vertical-align: middle;} .in-about-menu li a {display: block;margin-left: 24px;width: 120px;line-height: 36px;color: #fff;text-align: center;font-size: 14px;background-color: #37393b;position: relative;} .in-about-menu li a:before {content: '';width: 0;height: 0;position: absolute;border: 8px solid transparent;border-top-color: #d10009;left: 50%;margin-left: -8px;top: 100%;display: none;} .in-about-menu li.active a {background-color: #d10009;} .in-about-menu li.active a:before {display: block;} .in-about-pic .swiper-pagination {position: static;margin-top: 15px;font-size: 0;} .in-about-pic .swiper-slide a {display: block;position: relative;} .in-about-pic .swiper-slide a:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,.5);height: 32px;z-index: 1;transition: all 0.5s;} .in-about-pic .swiper-slide .img-cover {padding-top: 180px;} .in-about-pic .swiper-slide i {z-index:3; background: url(../images/icon-search.png)center no-repeat; width:45px; height:45px; position: absolute;top: 50%; left: 50%;transition: all .3s;opacity:0;transform: translateY(60px) scale(0);margin: -23px 0 0 -23px;} .in-about-pic .swiper-slide p {margin: 0;color: #fff;text-align: center;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;} .in-about-pic .swiper-slide a:hover:before {height: 100%;} .in-about-pic .swiper-slide a:hover i {opacity: 1;transform: translateY(0) scale(1);} .in-news-con {text-align: center;font-size: 0;margin-bottom: 30px;} .in-news-con li {display: inline-block;vertical-align: middle;} .in-news-con li a {display: block;padding: 0 10px;margin: 0 15px;line-height: 42px;font-size: 18px;position: relative;} .in-news-con li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #2057bb;transition: all 0.5s;} .in-news-con li a:hover:after {width: 100%;left: 0;} .list-1 {} .list-1 li {float: left;width: 33%;} .list-1 li a {display: block;transition: all 0.5s;padding: 15px 15px 0;position: relative;} .list-1 li a:after {position: absolute;bottom: 0;right: 0;width: 0;content: '';height: 2px;background-color: #2057bb;transition: all 0.5s;} .list-1 li .img-cover {border: 1px solid #2356b1;height: 300px;} .list-1 li .text {padding: 20px 0;} .list-1 li .text h4 {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;} .list-1 li .text span { float: right; font-size: 14px; color: #999;} .list-1 li .text p {margin: 10px 0 0;color: #999;line-height: 1.8;text-indent: 2em;} .list-1 li .text p:hover{color: #1e5ab2;} .w1560 { width: 1450px; margin: 0 auto; } .about_index { padding-top: 91.83673469px; padding-bottom: 30px; width: 100%; } .about_index .items { padding-top: 30px; padding-bottom: 30px; } .about_index .w1560 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .about_index .w1560 .left { width: 55%; } .about_index .w1560 .left .info { font-size: 16px; line-height: 25px; color: #666666; margin-top: 30px; padding-right: 30px; } .about_index .w1560 .left .info::-webkit-scrollbar { width: 3px; height: 2px; } .about_index .w1560 .left .info::-webkit-scrollbar-b { background-color: #265ebf; border-radius: 10px; } .about_index .w1560 .left .info p { } .about_index .w1560 .right { width: 45%; height: 0; position: relative; padding-bottom: 44%; } .about_index .w1560 .right .imgbox { width: 100%; position: absolute; height: 100%; left: 0; bottom: 0; } .about_index .w1560 .right .imgbox img { width: 100%; } .about_index .w1560 .right .imgbox:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);transition: 1s;} .about_index .w1560 .right .imgbox .btns { width: auto; height: 90px; position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .about_index .w1560 .right .imgbox .btns a { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .about_index .w1560 .right .imgbox .btns a.a1 { background: #fff; padding: 0 45px; color: #151f39; } .about_index .w1560 .right .imgbox .btns a.a1 i { color: #5172d1; margin-right: 15px; } .about_index .items .canvas-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 1; } .about_index .w1560 .right .imgbox .btns a.a1:hover { color: #265ebf; } .about_index .w1560 .right .imgbox .btns a.a2 { padding: 0 35px; background: #151f39; color: #fff; } .about_index .w1560 .right .imgbox .btns a.a2:hover { color: #265ebf; } .mytitle2 .p1 { margin-top: 0px; margin-bottom: 10px; font-size: 36px; font-weight: bold; color: #2158b3; } .mytitle2 h2 { font-size: 24px; font-weight:normal ; color: #2158b3; } .about_index .items .item h1 { font-size: 30px; text-align: center; } .about_index .items { background: #265ebf; overflow: hidden; margin-top: -230px; left: 0; bottom: 0; width: 50%; z-index: -1; padding-left: 20px; padding-right: 16%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .about_index .items .item { color: #fff; position: relative; z-index: 2; } .about_index .items .item p { font-size: 16px; line-height: 30px; height: 60px; } .about_index .items .bgimg { position: absolute; width: 100%; left: 0; bottom: 0px; transform-origin: 0% 100%; -webkit-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; -o-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; } .about_index .items .canvas-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 1; } .footer {color: #808080;background: url(../images/footer_bg.jpg) no-repeat center / cover;padding: 40px 0 0;} .footer a {color: #808080;} .footer a:hover {color: #fff;} .footer dl {margin: 0;float: left;max-width: 270px;border-left: 1px solid #3b3b3b;padding: 0 25px;} .footer dl:first-child {border-left: 0;padding-left: 0;} .footer dt {color: #fff;font-size: 16px;margin-bottom: 15px;} .footer dt:after {content: '';display: block;background-color: #2057bb;height: 2px;width: 25px;transition: all 0.5s;margin: 15px 0 0;} .footer dd {margin: 10px 0 0;} .footer dd p {margin: 0;} .footer-info {float: right;} .footer-info .ewm {overflow: hidden;} .footer-info .ewm .img-center {float: left;width: 95px;} .footer-info .ewm .text {margin-left: 110px;} .footer-info .ewm .text h4 {margin: 0;color: #fff;font-size: 18px;font-weight: normal;} .footer-info .ewm .text p {margin: 10px 0 0;} .footer-info .tel {margin-top: 20px;background: url(../images/icon-tel.png) no-repeat 0 center;padding-left: 60px;} .footer-info .tel strong {font-size: 29px;display: block;color: #fff;} .footer-copy {background-color: #3d3d3d;padding: 15px 0;margin-top: 40px;} .footer-copy p {margin: 0;} .banner-sub {background: no-repeat center / cover;} .banner-sub img{ display: block; max-width: 100%; margin: 0 auto; } .lanmu {padding: 20px 0;background-color: #F5F5F5;border-bottom: 4px solid #AEAEAE;} .lanmu .wz {float: right;color: #999;padding: 6px 0 6px 24px;background: url(../images/icon-home.png) no-repeat 0 center;} .lanmu ul {float: left;overflow: hidden;width: 100%;} .lanmu li {float: left;width: 16%;} .lanmu li a {margin: 10px 0 0 10px;display: block;line-height: 32px;padding: 0 10px;color: #808080;border-right: 1px solid #808080;text-align: center;} .lanmu li a:hover{color: #1e5ab2;} .lanmu li:last-child a{border-right:none} .lanmu1 {padding: 20px 0;background-color: #f3f3f3;} .lanmu1 .wz {float: right;color: #999;padding: 6px 0 6px 24px;background: url(../images/icon-home.png) no-repeat 0 center;} .lanmu1 ul {overflow: hidden;margin: -10px 0 0 -10px;} .lanmu1 li {float: left;} .lanmu1 li a {margin: 10px 0 0 10px;display: block;line-height: 32px;padding: 0 10px;border-radius: 3px;color: #fff;background-color: #282828;} .lanmu1 li a:hover,.lanmu1 li.active a {background-color: #2057bb;} .floor-title {margin-bottom: 30px;background: url(../images/logo-lit.png) no-repeat 0 center;padding-left: 50px;font-size: 24px;line-height: 1;} .floor-title small {display: block;font-size: 12px;color: #999;text-transform: uppercase;} .floor-title .more {float: right;font-size: 14px;line-height: 36px;background: url(../images/more.png) no-repeat 0 center;padding-left: 25px;} .list-2 {margin: -15px 0 0 -15px;} .list-2 li {float: left;width: 23%;background-color: #FFFFFF;margin: 1%;height: 454px;} .list-2 li a {display: block;position: relative;} .list-2 li .img-cover {height: 342px;background-color: #ededed;} .list-2 li h4 {font-weight: normal;text-align: left;overflow: hidden;margin: 0;white-space: nowrap;text-overflow: ellipsis;line-height: 36px;font-size: 16px;margin-left: 30px;padding: 20px 0px;} .list-2 li a:hover .img-cover span {transform: scale(1.1);} .list-2 li a:hover:after {width: 100%;} .pages {margin: 30px 0 0;text-align: center;font-size: 0;} .pages .pagination { text-align: center; } .pages .pagination p { float:none;height: auto; display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;} .pages .pagination a { float:none; height: auto;display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;} .pages .pagination a:hover{ border-color:#2057bb; color:#2057bb;} .pages .pagination a.cur {background-color: #2057bb;color: #fff;} .list-3 {} .list-3 li a {display: block;padding: 10px;transition: all 0.5s;overflow: hidden;} .list-3 li .img-cover {float: left;width: 238px;border: 1px solid #efefef;padding-top: 178px;} .list-3 li .text {margin-left: 270px;} .list-3 li .text h4 {margin: 0;font-weight: normal;font-size: 16px;} .list-3 li .text p {margin: 15px 0 0;text-align: justify;text-indent: 2em;color: #777;line-height: 1.8;} .list-3 li .text span {display: block;margin-top: 15px;font-size: 12px;color: #999;} .list-3 li a:hover {transform: translateY(-5px);box-shadow: 0 0 16px #eee;} .list-3 li .img-cover i {position: absolute;left: 10px;top: 10px;font-style: normal;font-size: 12px;z-index: 1;background-color: #2057bb;color: #fff;padding: 0 3px;border-radius: 3px;} .list-4 {margin: -20px 0 0 -20px;} .list-4 li {float: left;width: 25%;} .list-4 li a {display: block;position: relative;margin: 20px 0 0 20px;} .list-4 li a:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,.5);height: 32px;z-index: 1;transition: all 0.5s;} .list-4 li .img-cover {padding-top: 73%;} .list-4 li p {margin: 0;color: #fff;text-align: center;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;} .list-4 li a:hover .img-cover span {transform: scale(1.1);} .contact-info {margin: -20px 0 0 -20px;} .contact-info li {float: left;width: 25%;} .contact-info dl {margin: 20px 0 0 20px;height: 220px;padding-top: 40px;text-align: center;} .contact-info dt {height: 45px;line-height: 45px;} .contact-info dd {margin: 15px 0 0;color: #666;} .contact-info dd h4 {margin: 0 0 20px;font-size: 18px;font-weight: normal;} .contact-info dd p {line-height: 1.8;font-size: 16px;margin: 0;} .contact-map {height: 450px;margin-top: 30px;} .message form {overflow: hidden;display: block;margin: -20px 0 0 -60px;} .message .form-group {float: left;margin: 20px 0 0 60px;width: 570px;} .message .form-label {display: block;margin-bottom: 10px;} .message .form-label span {color: red;} .message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 6px 12px;} .message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;} .message .form-submit {display: block;background: #2057bb;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 44px;font-size: 16px;width: 280px;margin: 0 auto;} .message .form-group.full {float: none;width: auto;} .message .form-tips {text-align: center;color: #666;margin-top: 10px;} .message .form-tips span {color: red;} .yzm-box {position: relative;} .yzm-box .yzm-pic {position: absolute;right: 10px;top: 10px;height: 30px;line-height: 30px;} .about-1 {font-size: 0;margin: 30px 0;} .about-1 li {display: inline-block;vertical-align: middle;border-right: 1px solid #ddd;width: 33.333333%;box-sizing: border-box;text-align: center;} .about-1 li:last-child {border-right: 0;} .about-1 li .wrap {display: inline-block;text-align: left;background: no-repeat right center;padding-right: 58px;} .about-1 li .wrap.i1 {background-image: url(../images/icon-diqiu.png);} .about-1 li .wrap.i2 {background-image: url(../images/icon-team.png);} .about-1 li .wrap.i3 {background-image: url(../images/icon-zichan.png);} .about-1 li strong {display: inline-block;font-size: 64px;color: #2057bb;line-height: 1;vertical-align: middle;} .about-1 li span {display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;} .about-1 li small {display: block;color: #999;font-size: 14px;} .about-2 {line-height: 1.8;text-align: justify;} .about-2 p {margin-bottom: 0;text-indent: 2em;} .bg3 {background: url(../images/cultrue-bg.jpg) no-repeat center / cover;color: #fff;} .about-3 {} .about-3 li {float: left;width: 25%;text-align: center;} .about-3 li .img-center {width: 45px;height: 45px;line-height: 45px;border: 1px solid #fff;border-radius: 50%;margin: 0 auto;transition: all 0.5s;} .about-3 li h4 {margin: 15px 0 10px;font-size: 20px;font-weight: normal;} .about-3 li p {line-height: 28px;height: 112px;margin: 0;} .about-3 li:hover .img-center {background-color: #2057bb;border-color: #2057bb;} .about-4 {margin: -10px 0 0 -10px;color: #fff;text-align: center;} .about-4 li {float: left;width: 50%;} .about-4 li .wrap {height: 410px;margin: 10px 0 0 10px;background: no-repeat center / cover;} .about-4 li .inner {display: table;width: 310px;height: 100%;margin: 0 auto;} .about-4 li .text {display: table-cell;vertical-align: middle;} .about-4 li .text h4 {margin: 0;font-size: 30px;} .about-4 li .text h4:after {margin: 10px auto 15px;content: '';display: block;height: 2px;background-color: #fff;width: 40px;} .about-4 li .text p {margin: 0;font-size: 16px;line-height: 1.8;} .about-4 li .text a {display: inline-block;width: 100px;line-height: 28px;margin-top: 10px;color: #fff;border: 1px solid #fff;} .about-4 li .text a:hover {color: #2057bb;border-color: #2057bb;} .rczp {margin: 0;border: 1px solid #eee;} .rczp dt {padding: 12px 20px;background-color: #f3f3f3;font-size: 16px;} .rczp dt span {float: right;} .rczp dd {padding: 15px 20px;margin: 0;line-height: 1.8;} .rczp dd p {margin: 0;} .news-title {border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;} .news-title h1 {margin: 0;font-size: 30px;font-weight: normal;text-align: center;} .news-title p {margin: 10px 0 0;font-size: 0;text-align: center;} .news-title p span {display: inline-block;vertical-align: middle;margin-right: 20px;font-size: 14px;color: #999;} .news-content {line-height: 1.8;margin-bottom: 30px;width: 1250px;margin: 0 auto; height: auto; } .news-contenta {line-height: 0!important;margin-bottom: 30px;width: 1250px;margin: 0 auto;} .news-contenta p{line-height: 0!important; margin: 0; padding: 0; margin-block-start: 0em; margin-block-end: 0em;} .news-contenta img {width:750px!important;height: auto !important;} .news-exp {padding-top: 30px;overflow: hidden;border-top: 1px dashed #ccc;} .news-exp a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;line-height: 2;} .title-1 {background-color: #ebebeb;font-size: 0;margin-bottom: 20px;} .title-1 span {display: inline-block;line-height: 40px;background-color: #2057bb;font-size: 14px;color: #fff;padding: 0 30px;} #pronav_menu { overflow: inherit; } #pronav_menu li { position: relative; } #pronav_menu li .v_list { position: absolute; left: 0; top: 42px; display: none; padding-top: 20px; z-index: 100; } #pronav_menu li .v_list a { width: 100%; margin: 0; border-radius: 0; margin-left: 10px; } #pronav_menu li:hover .v_list { display: block; } @media screen and (max-width: 767px) { body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;} .container {width: auto;} .kf {display: none;} .footer-fix {display: block;} .topbar {display: none;} .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .header .text,.header .tel {display: none;} .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;} .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;float: none;} .header .nav ul {margin: 0 -15px;} .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none;float: none;} .header .nav li:after {display: none;} .header .nav li a {line-height: 40px;padding: 0 15px;color: #333;} .header .nav li .arr {display: block;} .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #2057bb} .header .nav li.open .arr:after {border-color: #2057bb;transform: rotate(225deg);} .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;} .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;} .header .nav .dropdown-box a:hover {background-color: transparent !important;} .menu-btn {display: block;} .yunu-showcase {margin-bottom: 30px;} .pc-slide {float: none;width: auto;} .view .swiper-slide .img-center {height: 260px;line-height: 260px;} .yunu-showcase-info {margin: 20px 0 0;} .view .swiper-slide .img-center img:hover{transform: scale(1.2);transition: 1s;} .yunu-showcase-info h1 {margin-bottom: 20px;font-size: 18px;font-weight: bold;} .yunu-showcase-info p {margin-top: 10px;min-height: auto;} .yunu-showcase-info .tel {font-size: 14px;} .yunu-showcase-info .tel strong {font-size: 18px;} /*.banner {height: 130px;}*/ .in-sou {display: none;} .section {padding: 35px 0;} .section-title {margin-bottom: 20px;font-size: 20px;} .section-title small i {font-size: 12px;padding: 0 10px;} .section-title p {font-size: 14px;} .in-prod-menu {display: none;} .in-prod-list {margin: -10px 0 0 -10px;} .in-prod-list li {width: 50%;} .in-prod-list li a {} .in-prod-list li .img-center {height: 110px;} .in-prod-list li .img-center h2{color: #007AFF;} .in-prod-list li h4 {margin-top: 10px;font-size: 16px;} .in-prod-list li .btn span {display: block;width: auto;margin-right: 0;line-height: 30px;font-size: 12px;} .in-prod-list li .btn span.x {display: none;} .in-pro-adv {background: none;} .in-pro-adv ul {margin: 0;} .in-pro-adv li {float: none;} .in-pro-adv li:first-child dl {border-top: 0;padding-top: 0;} .in-pro-adv li:last-child dl {padding-bottom: 0;} .in-pro-adv dl {margin: 0;padding: 20px 0;width: auto;} .in-standard {padding: 0;margin-top: -20px;} .in-standard .item {width: 50%;margin-top: 20px;} .in-standard .item .item-icon {width: 110px;height: 110px;margin-bottom: 10px;} .in-standard .item .item-icon .num {font-size: 30px;line-height: 1;height: 30px;margin-top: 30px;} .in-standard .item .item-icon span {font-size: 16px;margin-top: 5px;} .in-standard .item .item-name {font-size: 14px;} .in-standard .item .item-en-name {font-size: 12px;display: none;} .in-ys:before {display: none;} .in-ys dl {margin-top: 20px;} .in-ys dt {float: none !important;width: auto;} .in-ys dd {padding-top: 15px;margin: 0 !important;} .in-ys dd h4 {font-size: 16px;} .about-title {margin-bottom: 20px;} .about-title span {margin: 15px 0 0;font-size: 18px;} .about-title strong {font-size: 24px;} .about-title small {font-size: 12px;} .in-about-box {padding: 0;} .in-about-box dt {width: auto;float: none;} .in-about-box dd {padding: 15px 15px 0;margin: 0;} .in-about-box dd .img-center {display: none;} .in-about-box dd h4 {font-size: 16px;} .in-about-box dd p {margin-top: 10px;} .in-about-menu {margin-top: 20px;margin-left: 0;} .in-about-menu li {width: 33.333333%;} .in-about-menu li a {margin: 0;width: auto;} .in-news-con {display: none;} .list-1 li {width: 100%;} .footer {padding-top: 30px;margin-top: 30px;} .footer dl {display: none;} .footer-info {float: none;} .footer-copy {margin-top: 30px;font-size: 12px;padding: 10px 0;} .banner-sub {height: 120px;} .banner-sub img { display: block; max-width: 100%; width:100%; height:100%; object-fit:cover ; } .lanmu {padding: 10px 0;} .lanmu .wz {display: none;} .lanmu ul {margin: -5px 0 0 -5px;} .lanmu li a {margin: 5px 0 0 5px;} .lanmu1 {padding: 10px 0 10px 10px;} .lanmu1 .wz {display: none;} .lanmu1 ul {margin: -5px 0 0 -5px;} .lanmu1 li a {margin: 5px 0 0 5px;} .floor-title {font-size: 18px;margin-bottom: 20px;background-size: auto 30px;padding-left: 40px;} .floor-title .more {line-height: 30px;} .list-2 {margin: -10px 0 0 -10px;} .list-2 li {width: 50%;} .list-2 li a {margin: 10px 0 0 10px;} .list-2 li h4 {font-size: 14px;line-height: 40px;} .pages {margin-top: 20px;} .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;} .list-3 {margin-top: -15px;} .list-3 li a {padding: 0;margin-top: 15px;} .list-3 li .img-cover {width: 100px;padding-top: 74px;} .list-3 li .img-cover i {top: 5px;left: 5px;font-size: 10px;} .list-3 li .text {margin-left: 110px;} .list-3 li .text h4 {font-size: 14px;} .list-3 li .text p {margin-top: 5px;font-size: 12px;line-height: 20px;height: 60px;overflow: hidden;} .list-3 li .text span {margin-top: 5px;} .list-4 {margin: -10px 0 0 -10px;} .list-4 li {width: 50%;} .list-4 li a {margin: 10px 0 0 10px;} .message form {margin-left: 0;margin-top: -15px;} .message .form-group {float: none;width: auto;margin: 15px 0 0;} .message .form-content {padding: 5px 15px;} .message .form-submit {height: 44px;} .yzm-box .yzm-pic {top: 5px;} .contact-info {margin: -10px 0 0 -10px;} .contact-info li {width: 50%;} .contact-info dl {margin: 10px 0 0 10px;padding: 20px 15px;height: 175px;} .contact-info dt {height: 30px;line-height: 30px;} .contact-info dd {margin-top: 10px;} .contact-info dd h4 {font-size: 16px;margin-bottom: 15px;} .contact-info dd p {font-size: 14px;} .contact-map {margin-top: 20px;height: 250px;} .about-1 {margin: 20px 0;} .about-1 li .wrap {background: none !important;padding: 0;} .about-1 li strong {display: block;font-size: 22px;} .about-1 li span {display: block;margin: 5px 0 0;font-size: 12px;} .about-1 li small {font-size: 12px;} .about-3 li {width: 50%;} .about-3 li h4 {font-size: 16px;} .about-3 li p {font-size: 12px;line-height: 20px;height: 80px;} .about-4 li {width: 100%;} .about-4 li .wrap {height: 200px;padding: 10px;} .about-4 li .inner {width: 100%;} .about-4 li .text h4 {font-size: 20px;} .about-4 li .text p {font-size: 14px;} .rczp dt {padding: 10px 15px;font-size: 14px;} .rczp dt span {float: none;display: block;color: #999;} .rczp dd {padding: 10px 15px;} .title-1 {margin-bottom: 15px;} .title-1 span {line-height: 40px;padding: 0 15px;} .yunu-showcase {margin-bottom: 30px;} .pc-slide {float: none;width: auto;} .view .swiper-slide .img-center {height: 300px;line-height: 300px;} .yunu-showcase-info {margin: 20px 0 0;} .yunu-showcase-info h1 {margin-bottom: 15px;} .yunu-showcase-info .desc {margin-bottom: 20px;font-size: 12px;} .yunu-showcase-info p {margin-top: 10px;} .yunu-showcase-info p strong {font-size: 24px;} .yunu-showcase-info .tel {margin-top: 20px;} .yunu-showcase-info .tel a {line-height: 34px;font-size: 14px;width: 120px;} .news-title {padding-bottom: 10px;margin-bottom: 10px;text-align: center;} .news-title h1 {font-size: 18px;} .news-title p span {font-size: 12px;margin-right: 10px;} .news-content {margin-bottom: 20px;} .news-exp {padding-top: 15px;font-size: 12px;} #pronav_menu li .v_list{ display: none; } #pronav_menu li .v_list a{ display: none; } } .pagebar { padding:20px; overflow:hidden} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 7px 10px; margin: 0 2px; border-radius: 3px; } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #337ab7; border: 1px solid #337ab7; } .pagination a.page-num-current { color: #fff; background: #337ab7; border: 1px solid #337ab7; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} #maximg img{ max-width:100%; height:auto !important} .mytitle { position: relative; } .mytitle2{ /*text-align: center;*/ } .mytitle h2 { color: #121618; font-weight: bold; position: relative; z-index: 2; } .news_index .t_info { font-size: 18px; background: #FFFFFF; color: #666666; padding: 20px; } .news_index .box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 510px; background: #FFFFFF; } .news_index .box .left { width: 33.5%; height: 100%; box-shadow: 0px 1px 46px 0px rgba(0, 21, 39, 0.08); } .news_index .box .left a { display: block; width: 100%; } .news_index .box .left a:hover .imgbox img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } .news_index .box .left a:hover .art h2, .news_index .box .left a:hover .art i { color: #265ebf; } .news_index .box .left a .imgbox { width: 100%; height: 0; padding-bottom: 57.9%; position: relative; overflow: hidden; } .news_index .box .left a .imgbox img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_index .box .left a .art { padding: 22px 30px 25px; } .news_index .box .left a .art .time { font-family: 'Arial'; font-size: 16px; color: #999999; } .news_index .box .left a .art h2 { font-size: 20px; color: #2258b2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_index .box .left a .art p { font-size: 16px; line-height: 24px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; } .news_index .box .left a .art i { font-size: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_index .box .right { width: 64.5%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .news_index .box .right .top { width: 100%; height: 47%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; box-shadow: 0px 1px 46px 0px rgba(0, 21, 39, 0.08); } .news_index .box .right .top a { width: 50%; padding: 40px; position: relative; } .news_index .box .right .top a:before { content: ''; width: 1px; height: calc(100% - 80px); background: #eeeeee; position: absolute; right: 0; top: 40px; } .news_index .box .right .top a:last-child:before { display: none; } .news_index .box .right .top a:hover h2 { color: #265ebf; } .news_index .box .right .top a h2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 20px; color: #333333; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_index .box .right .top a h2 span { width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_index .box .right .bot { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; height: 47%; } .news_index .box .right .bot .bot_s { width: 48.5%; padding: 30px 25px; box-shadow: 0px 1px 46px 0px rgba(0, 21, 39, 0.08); } .news_index .box .right .bot .swiper { width: 100%; height: 100%; overflow: hidden; } .news_index .box .right .bot .swiper .swiper-slide { height: 18%!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .news_index .box .right .bot .swiper .swiper-slide a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 16px; color: #333333; } .news_index .box .right .bot .swiper .swiper-slide a:hover { color: #265ebf; } .news_index .box .right .bot .swiper .swiper-slide a p { width: calc(100% - 120px); height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; line-height: 44px; position: relative; margin-block-start: 0; margin-block-end: 0; } .news_index .box .right .bot .swiper .swiper-slide a p:before { content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2.5px; background: #265ebf; } .news_index .box .right .bot .swiper .swiper-slide a .time { font-size: 16px; color: #888888; font-family: 'Arial'; width: 100px; text-align: right; } .link_p { background: #265ebf; padding: 20px 0; } .link_index { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; color: #fff; } .link_index .left { width: 120px; position: relative; } .link_index .left:before { content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #fff; opacity: 0.3; } .link_index .left span { font-size: 11px; color: #265ebf; background: #fff; width: 78px; height: 12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 6px; letter-spacing: 10px; text-transform: uppercase; } .link_index .left h3 { font-size: 20px; } .link_index .right { width: calc(100% - 160px); } .link_index .right a { color: #fff; margin-right: 3%; font-size: 16px; line-height: 36px; white-space: nowrap; } footer { padding-top: 61.2244898px; padding-bottom: 45.91836735px; } footer { width: 100%; background: #192029; color: rgba(255, 255, 255, 0.6); } footer .foot1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } footer .foot1 .f_title h3 { font-size: 20px; color: #fff; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } footer .foot1 .f_title h3 span { text-transform: uppercase; color: rgba(255, 255, 255, 0.6); font-size: 18px; } footer .foot1 .f_menu { width: 460px; margin-left: 50px; } footer .foot1 .f_menu ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; flex-wrap: wrap; -ms-flex-wrap: wrap; } footer .foot1 .f_menu ul li { width: 25%; margin-bottom: 20px; } footer .foot1 .f_menu ul li a { font-size: 14px; } footer .foot1 .f_lx { width: 430px; margin: 0 50px; } footer .foot1 .f_lx .box { font-size: 14px; line-height: 36px; color: #aaaaaa; } footer .foot1 .f_lx .box b { font-weight: normal; font-size: 16px; color: #fff; margin-left: 5px; } footer .foot1 .f_ewm { width: 318px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } footer .foot1 .f_ewm .box1 { width: 147px; max-width: 48%; } footer .foot1 .f_ewm .box1 .imgbox { width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 10px; } footer .foot1 .f_ewm .box1 .imgbox img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } footer .foot1 .f_ewm .box1 p { width: 100%; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.7); } footer .foot2 { margin-left: 50px; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } footer .foot2 .copyright { width: calc(100% - 250px); } footer .foot2 .jszc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } footer .foot2 .jszc a { font-size: 14px; padding-left: 16px; margin-left: 15px; position: relative; } footer .foot2 .jszc a:first-child { padding-left: 0; margin-left: 0; } footer .foot2 .jszc a:first-child:before { display: none; } footer .foot2 .jszc a:before { content: ''; width: 1px; height: 70%; position: absolute; left: 0; top: 15%; background: rgba(255, 255, 255, 0.6); } footer a { color: rgba(255, 255, 255, 0.6); } footer .foot1 .f_menu ul li a { font-size: 14px; } footer a:hover { color: #fff; } footer .foot2 .copyright { width: calc(100% - 250px); } footer .foot2 .jszc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .fl{display:inline;float:left} .fr{display:inline;float:right} .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden} .cf{zoom:1} .pb10{padding-bottom:10px} .mt10{margin-top:10px} .case{width:100%;margin:0 auto;} .case .title{height:20px;padding-bottom:10px;} .case .title h2{ font-size: 20px;font-family: "microsoft yahei";} .case .title-list{ position: relative; top: 6px;} .case .title-list li{ width: 146px; line-height: 40px; text-align: center; float: left; display: inline;border: 1px solid #FFFFFF;border-radius: 30px; margin-left: 10px;color: #FFFFFF;} .case .title-list li.on{ color: #b2c9f3; } .case .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #FFFFFF; overflow: hidden; text-align: center;} .case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;} .product{ position: relative; overflow: hidden; display: none; margin-top: 50px;width: 100%;} .product ul{ position: absolute; left: 0px;} .product-wrap .show{ display: block;} .product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;} .product-wrap .product li.ml0{margin-left:0px;} .product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;} .product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;} .product-wrap .product li p a{ color: #666666; text-decoration: none;} .product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;} .product_1 { padding-top: 60px; border-radius: 10px; padding-bottom: 37px; overflow:hidden;width: 95%;margin: 0 auto;} .product_1 .left {position: relative;width: 43%;padding: 11px;float: left;} .product_1 .left:hover img{ transform: scale(1.2);transition: 1s;} .product_1 .left img{position: relative;width: 100%;display: block;z-index: 1;} .product_1 .right { width: 50%; float: left;margin-left: 2%; } .product_1 .right h3 {color: #FFFFFF;font-size: 30px;line-height: 58px;} .product_1 .right h4 { font-size: 16px; color: #999; font-weight: 100; padding-bottom: 25px; } .product_1 .right .p {color: #FFFFFF;line-height: 34px;font-size: 18px;} .product_1 .right a {width: 100%;height: 35px;display: block;color: #FFFFFF;text-align: center;border: 1px solid #FFFFFF;line-height: 35px;border-radius: 30px;font-size: 20px;margin-top: 30px;} .adlist{ background: url(../images/s-b1-bg.jpg); background-size: cover; padding-top: 45px; padding-bottom: 60px;} .adlist-title{color: #fff; text-align: center; padding-bottom: 40px;} .adlist-title h3{font-size: 34px; } .adlist-title p{font-size: 16px; } .adlist ul{width: 100%; margin: 0 auto;} .adlist ul li img{max-width: 80%;} .adlist ul li{float: left; width: 23%; padding: 12px; text-align: center; color: #fff;border-left: 1px solid #FFFFFF;} .adlist ul li h3{padding-top: 15px; font-size: 20px; padding-bottom: 10px;} .adlist ul li p{font-size:16px;line-height: 30px;width: 68%;margin: 0 auto;} .adlist ul li:nth-child(4) {border-right: 1px solid #FFFFFF;} .gj_product{ height: auto; margin:3% 0px 0px 0px;} .gj_product .indexTitle .abre{height: 29px; line-height: 29px;} .buyul{ height: auto; margin-top: 6%;} .buyul li{ float: left; margin-right: 2%; background: #fff; width:32%; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);border-radius: 30px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom:8%;height: 400px;} @media screen and (max-width: 414px){.buyul li{float: left; margin-right: 2% !important; background: #fff; width:32%; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom:2%;}} .buyul li a{ height: auto; padding:9%; display: block;} .buyul li:nth-child(3n){ margin-right: 0px;} .buyul li img{ display: block;margin:0 auto; width:150px;transition: all 5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;margin-top: -120px;z-index: 9999; } .buyul li img:hover{transform: scale(1.2);transition: 1s;} .buyul li .buytitle{ text-align: center; font-size: 20px; color: #1e55af; font-weight: bold; margin:8% 0px 8%;} .buyul li .buytitle {border-bottom: 2px #1e55af dashed;padding: 10px;} .buyul li p{ font-size: 15px; color: #808080; text-align: center; line-height: 35px;} .buyul li span{ display: block; width: 114px; height: 34px; background: #168dd9; line-height: 34px; text-align: center; border-radius: 30px; color: #fff; margin:15% auto 0px;} /* .buyul li img:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} */ .buyul li:hover .buytitle{ color: #168dd9;} .gj_solu{ height: auto; overflow: hidden; padding:3% 0px; } .gj_fangan{width: 100%;background: #f4f4f4;padding: 70px 0 120px;height: auto; overflow: hidden; padding: 3% 0px; } .gj_fangan .titD{width: 800px;margin:0px auto 60px;text-align: center;} .gj_fangan .titD h2{font-size: 24px;font-weight: bold;margin: 50px 0;background: url("../images/3.1/square03.png") no-repeat center 108%;} .gj_fangan .titD p{font-size: 16px;margin: -35px 0 25px;} .gj_fangan .three-m{margin: auto;} .gj_fangan .three-m .item{width: 29%;padding: 30px 30px;text-align: center;border-radius: 5px;float: left;height: 380px;} .gj_fangan .three-m .item .imgD{width: 125px;height: 125px;border-radius: 50%;margin: auto;justify-content: center;display: flex;align-items: center;} /* .gj_fangan .three-m .item .imgD img{min-width: 55%;} */ .img1:hover{transform: scale(1.2);transition: 1s;} .gj_fangan .three-m .item h3{margin: 30px 0;font-size: 20px;font-weight:bold;color: #000000;} .gj_fangan .three-m .item h4{text-align: left;font-weight: 400;font-size: 15px; line-height: 35px;color: #808080; } .xw-list { background: #f5f7f9; padding:30px 0; } .xw-list ul li { display: block; background: #fff; margin-top: 25px; border-radius: 5px; } .xw-list ul li a { display: block; position: relative; padding: 15px; } .xw-list ul li .img { width: 365px; justify-content: center; height: 230px; display: flex; align-items: center; overflow: hidden; } .xw-list ul li .img img { width: 100%; height: 100%; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .xw-list ul li .text { position: absolute; left: 430px; right: 130px; top: 0; height: 100%; } .xw-list ul li .text h3 { font-size: 24px; color: #333; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden; margin-top: 40px; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .xw-list ul li .text .time { font-size: 18px; color: #949494; display: block; margin: 15px 0; } .xw-list ul li .text .out { font-size: 16px; color: #333; line-height: 25px; height:50px; overflow: hidden; display: block; } .xw-list ul li .icon{ position: absolute; right: 70px; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; border:1px solid #c2c2c2; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ background: url(../img/aroow2.png) no-repeat center center; } .xw-list ul li:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xw-list ul li:hover .text h3 { color: #2b6aff; } .xw-list ul li:hover .icon { border:none; background: #2b6aff url(../img/aroow.png) no-repeat center center; } .page{ clear:both; margin:20px 0px 20px 0px; text-align: center; } .page a{ display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none } .page a:hover,.page a:focus{ font-family: Arial; font-size: 13px; border: #0071be 1px solid; padding:4px 9px;color: #fff; background-color: #0071be; } .page .current{ font-family: Arial; border: #0071be 1px solid; font-size: 13px; padding:5px 9px; color: #fff; margin: 2px; background-color: #0071be } .nyBanner{width: 100%;height: 450px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} .nyBanner:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.4);opacity: 0;} .nyBanner .w1280{padding-top: 115px;position: relative;z-index: 2;} .nyBanner .w1280 h3{font-size: 42px;line-height: 52px;color: #fefefe;font-weight: normal;text-align: center;font-weight: bold;} .nyBanner .w1280 p{font-size: 20px;line-height: 52px;color: #fefefe;font-weight: normal;text-align: center;} .nyBanner .w1280 .path{font-size: 14px;line-height: 32px;color: #fefefe;} .nyBanner .w1280 .path span{margin: 0 10px;} .nyBanner .w1280 .path a:hover{text-decoration: underline;} .about{background: #f4f4f4;padding: 35px 0px;} .about, .about1, .about2, .about3 { font-family: 微软雅黑; width: 100%;overflow: hidden; } .about h2, .about1 h2, .about2 h2, .about3 h2 { font-size: 32px; text-align: center; font-weight: normal; color: #333; margin-top: 40px; line-height: 110%; margin-bottom: 25px; } .about h2 span, .about1 h2 span, .about2 h2 span, .about3 h2 span { font-weight: bold; color: #d61613; margin-left: 10px; } .about h2 em, .about1 h2 em, .about2 h2 em, .about3 h2 em { display: block; font-style: normal; text-transform: uppercase; font-size: 12px; font-family: arial; color: #999; letter-spacing: 0.5px; } .about dt { float: left; } .about dt img {vertical-align: middle;height: 400px;width: 700px;padding-right: 50px;padding-bottom: 20px;} .about dd { margin-left: 0; } .about dd h3 { font-size: 36px; line-height: 110%; margin: 0px; color: #2258b1; } .about dd h4 { color: #4d4d4d; } .about dd p { line-height: 40px; text-align: justify; padding-bottom: 0; color: #808080; text-indent: 4rem; } .about1 { background: #eee; margin-top: 60px; padding-top: 10px; padding-bottom: 50px; overflow: hidden; } .about1 dt { float: left; width: 525px; margin-right: 30px; background: #fff; padding: 30px; height: 220px; } .about1 dt p, .about1 dd p { line-height: 180%; text-align: justify; padding-bottom: 0; margin: 0px; margin-bottom: 10px; } .about1 dt p.pic, .about1 dd p.pic { height: 200px; background: #999; margin-bottom: 30px; } .about1 dt b, .about1 dd b { display: block; font-size: 22px; color: #333; line-height: 110%; margin-bottom: 20px; } .about1 dd { float: left; width: 525px; background: #fff; padding: 30px; height: 220px; } .data_col { margin-bottom: 40px; padding-bottom: 40px; border-bottom-color: #e9e9e9; border-bottom-style: solid; border-bottom-width: 1px; box-shadow: rgb(233, 233, 233) 0px 5px 5px; -webkit-box-shadow: rgb(233, 233, 233) 0px 5px 5px; } .case-list dl { border: 1px solid #dedede; width: 100%; margin-bottom: 15px; background: #fff; display: inline-block; overflow: hidden; } .case-list dt { width: 27%; float: right; margin-left: 22px; } .case-list dt img { width: 100%; margin: 0 auto; display: block; height: 250px; } .case-list dt img:hover{transform: scale(1.2);transition: 1s;} .case-list dd { width: 54%; float: left; } .case-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; } .case-list h4 a { display: block; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .case-list h4 a:hover{color: #1e5ab2;} .case-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .case-list-desc:hover {color: #1e5ab2;} .case-list-deta { float: left; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; border-radius: 30px; } .p1707m01d65ed12a38155b { height: 88px; background-color: #484848; min-width: 68px; max-width: 68px; width: 8.33333333%; float: left; } .p1707m6f0d810c437e0a8f { padding-right: 8px; padding-top: 10px; width: 100%; color: #ffffff; font-size: 18px; text-align: right; position: relative; top: 0px; left: 0px; } .xg_text { height: auto; line-height: 25px; font-size: 14px; color: #FFFFFF; text-align: left; word-wrap: break-word; word-break: normal; text-align: center; } .com_til{text-align: center;} .com_til h2{font-size: 36px;font-weight: normal;line-height: 1.2;color: #292929;font-weight: bold;} .m2_a_left h4{font-size: 24px;font-weight: normal;line-height: 1.2;color: #333333;} .com_til span{font-size: 14px;line-height: 25px;color: #333333;text-transform: uppercase;} .main2{margin-top:40px;background: #fff;width: 100%;padding-bottom: 50px;height: auto; overflow: hidden;} .main3{margin-top:40px;background: #f7fbfe;width: 100%;padding-bottom: 50px;height: auto; overflow: hidden;} .m2_a_left{float: right;width: 655px;} .m2_a_left h3{font-size: 30px;line-height: 25px;color: #146ad5;} .m2_nr{font-size: 16px;color: #808080;line-height: 29px;margin-top: 20px;} .m2_nr p{text-indent: 4rem;} .m2_a_right{float:left;width: 544px;padding-right: 55px;height: 414px;} .m2_about{width: 100%;margin-top: 40px;} .m2_a_left ul li{float: left;margin-right: 40px;width: 108px;text-align: center;border:1px solid #cccccc; -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s;} .m2_a_left ul li a{display: block;padding-top: 20px;padding-bottom: 20px;} .m2_a_left ul li i{font-size: 24px;line-height: 35px;} .m2_a_left ul li p{font-size: 16px;line-height: 32px;} .m2_a_left ul li.on{background: #146ad5;color: #fff; border: 1px solid #146ad5; box-shadow: 0 0 10px #9e9e9e;} .m2_a_left ul li.on i{color: #fff;} .m2_a_left ul li.on p{color: #fff;} .m2_a_left ul li:hover{background: #146ad5;color: #fff; border: 1px solid #146ad5; box-shadow: 0 0 10px #9e9e9e;-webkit-transition: 0.8s;transition: 0.8s} .m2_a_left ul li:hover i{color: #fff;-webkit-transition: 0.8s;transition: 0.8s} .m2_a_left ul li:hover p{color: #fff;-webkit-transition: 0.8s;transition: 0.8s} .main6{} .main6 .txt .nr{font-size: 16px;line-height: 35px;color: #333333;margin-bottom: 50px;} .main6 .txt ul li{float: left;margin-right: 10px;width: 104px;line-height: 33px;height: 33px;text-align: center;font-size: 14px;color: #fff;border:1px solid #5b6062;padding: 1px;} .main6 .txt ul li a{color: #fff;background: #5b6062;display: block;} .main6 .txt ul li.on{border-color: #146ad5} .main6 .txt ul li.on a{background: #146ad5;} .main6 .til{height: 100px;padding-left: 80px;position: relative;margin-bottom: 80px;} .main6 .til i{font-size: 60px;position: absolute;left: 0;top: 0;line-height: 100px;} .main6 .til em{font-size: 16px;color: #fff;line-height: 44px;width: 44px;height: 44px;border-radius: 50%;background: #11c9d7;text-align: center;font-weight: bold;display: block;} .main6 .til h4{font-size: 30px;line-height: 50px;color: #333;font-weight: normal;} .m6_main1{width: 100%;padding-top: 50px;background: #f3f3f3;padding-bottom: 50px;} .m6_box1{width: 100%;margin-top: 40px;} .m6_b1_left{float: left;width: 590px;} .m6_b1_right{float: right;width: 560px;} .m6_main2{width: 100%;padding-top: 50px;background: #fff;padding-bottom: 50px;} .m6_box2{width: 100%;margin-top: 40px;} .m6_b2_left{float: left;width: 560px;} .m6_b2_right{float: right;width: 590px;} .m6_main3{width: 100%;padding-top: 50px;background: #f3f3f3;padding-bottom: 50px;} .m6_box3{width: 100%;margin-top: 40px;} .m6_b3_left{float: left;width: 590px;} .m6_b3_right{float: right;width: 560px;} .about3_con{width:100%;float:left;padding:60px 0px;overflow: hidden;height: auto;} .about3_L{float:left;width:40%;margin-top: 5%;} .about3_L img{float:left;margin-bottom:28px;} .about3_L p{text-align:justify;text-justify:inter-ideograph;color:#666666;line-height:50px;width:100%;float:left;} .about3_L a{width:100px;line-height:35px;border:1px solid #d6d6d6;text-align:center;color:#666666;font-size:12px;float:left;margin-top:40px} .about3_L a:after{content:url(../images/aboutico1.png);margin-left:8px} .about3_L a:hover{color:#fff;background:#cf000d;border-color:#cf000d;} .about3_L a:hover:after{content:url(../images/aboutico.png)} .about3_R{float:right;width:55%;overflow:hidden} .about3_con:nth-child(2n+1){background:#f7fbfe} .about3_con:nth-child(2n+1) .about3_L{float:right;margin-right: 5%;} .about3_con:nth-child(2n+1) .about3_R{float:left} .m6_main4{width: 100%;padding-top: 50px;background:url(../images/m6_m4_bg.jpg) center no-repeat;padding-bottom: 50px;} .m6_box4{width: 100%;margin-top: 40px;text-align: center;} .news-l .news-item{ width: 60%; background:url(../images/dian.png) no-repeat right ; /*width: 100%;*/ height: 115px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; margin: 0 auto; border: 1px solid #131313; border-radius: 60px; margin-bottom: 30px; } .news-item .news-date{ width: 78px; height: 78px; text-align: center; line-height: 78px; font-size: 50px; } .news-date p{ color: #265ebf; } .news-date p.txt-b{ margin: 0px; font-weight: bold; } .news-item .news-main{ width: 750px; } .news-main h5{ font-size: 24px; font-weight: normal; margin-bottom: 8px; margin-top: 0; font-weight: bold; } .news-main p{ color: #808080; } .news-l .news-item::last-child{ margin-bottom: 0; } .contact-2 { width: 50%; margin: 0 auto; } .contact-2 li { float: left; width: 100%; } .contact-2 li .wrap { margin-left: 20px; text-align: left; padding: 20px; } .contact-3 {border: 1px solid #265ebf;width: 70%;float: left;margin-left: 3%; border-radius: 35px; height: 76px;padding-left: 5%;} .contact-3 h2{font-size: 18px; margin-block-start: 0em; margin-block-end: 0em;line-height: 38px;color: #255ebe;} .contact-2 li img { display: block; height: 90px; width: auto; margin: 0 auto; float: left; } .contact-2 li p { margin-bottom: 0; color: #255ebe; margin-block-start: 0em; margin-block-end: 0em; overflow: hidden; font-size: 16px; line-height:30px; } #list-menu{line-height: 57px; background: #FFFFFF; border-bottom: 1px solid #E4E5E8;} #list-menu .dbt{font-size: 20px;color: #333;} .search { float: right; width: 410px; height: 40px; margin-top: 10px; border: 2px solid #000000; border-radius: 20px; } .search_tow { border: none; width: 150px; color: #777777; font-size: 13px; padding-left: 10px; height: 40px; background: none; } .search_button { background: url(../images/btn.png) no-repeat center center; cursor: pointer; width: 50px; height: 40px; position: absolute; right: 0px; border: none; } #SearchType { width: 60px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } #typeid { width: 82px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } .search-select { width: 180px;float: left; border-right: 2px solid #000000; line-height: 40px; text-align: center; } .search-select .form-select { border: 0; width: 180px; border-radius: 0; font-size: 16px; color: inherit; background-color: transparent; text-align: center; } .search_tow { border: none; width: 150px; color: #777777; font-size: 13px; padding-left: 10px; height: 40px; background: none; float: left; } .search_button { background: url(../images/btn.png) no-repeat center center; cursor: pointer; width: 50px; height: 40px; position: absolute; right: 0px; border: none; } #SearchType { width: 60px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } #typeid { width: 82px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } .search { position: relative; } .zzsc{ width:100%; margin:0 auto; font-family:'微软雅黑';} .zzsc .tab{ overflow:hidden;border-bottom: 1px solid #999999; } .zzsc .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#808080;} .zzsc .tab a:hover{ color:#000; text-decoration:none;border-bottom: 2px solid #000;} .zzsc .tab a.on{ color:#000; text-decoration:none;border-bottom: 3px solid #000;} .zzsc .content{ overflow:hidden; padding:10px;} .zzsc .content li{ display:none;} .tl-fdh-02 { background: #fff; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 ul{margin: 0 auto;width: 100%;text-align: center;} .tl-fdh-02 li { width: 16.66%; height: 85px; font-size: 18px; line-height: 56px; text-align: center; display:inline; border-radius: 30px; margin-right: 10px; background: #2258b1; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 10px 50px 16px 50px; } .tl-fdh-02 li a { color: #FFFFFF; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(../images/p16-icon6.png) no-repeat bottom center #37b8e2; border-color: ##37b8e2; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } /* CSS Document */ #tab { width:100%; position:relative;margin:40px auto 0 auto;height: 840px;text-align: center;clear: both;} #tab div { position:absolute; top:80px; left:0; width:100%; height:840px;} #tab div { display:none;} #tab .block { display:block;} #tab h3 { width: 16.66%; height: 85px; font-size: 18px; line-height: 56px; text-align: center; display: inline; border-radius: 30px; margin-right: 10px; background: #2258b1; color: #FFFFFF; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 10px 50px 16px 50px; } #tab .up { background:#0292cf;color:#fff;} #tab ul { list-style:none; padding:0; height:986px; margin-top:0px;text-align: center;} #tab ul img{width: 1200px;} #tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:12px;} #tab li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:10px;} #tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;} a.tab_title:link { color: #5a5a5a; text-decoration:none;} a.tab_title:visited { color:#5a5a5a; text-decoration:none;} a.tab_title:hover { color:#5a5a5a; text-decoration:none;} a.tab_title:active { color:#5a5a5a; text-decoration:none;} a.tab_menu:link { color:#6464d5; text-decoration:none;} a.tab_menu:hover { color:#8888e0; text-decoration:underline;}