/* 前端白明明 */ *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family: 'Microsoft Yahei','微软雅黑', Arial; font-size:14px; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1f1f1f;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;display: block;max-width: 100%;} img[src=""]{opacity: 0;} .f_12{ font-size:12px; } .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_22{font-size: 22px;} .f_24{ font-size:24px; } .f_26{ font-size:26px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_32{ font-size:32px; } .f_34{ font-size:34px; } .f_36{ font-size:36px; } .f_38{ font-size:38px; } .f_40{font-size: 40px;} /*分页*/ .BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;} .a_dw{position: relative;top: -70px;} .box {max-width:1366px;min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .ibox {max-width:1600px;min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .page1{clear:both; text-align:center; height: 45px;margin: 30px 0 0;text-align: center;} .page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;border:1px solid #ddd;} .page1 span a:hover,.page1 span.current a{ background:#005ed1; color:#fff;} .page1 span{margin:2px 5px;} .page2{width: 120px;height: 40px;background: #005ed1;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;} .alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .wow{opacity: 0;} .wow1{opacity: 1;} .fbd{font-weight: bold;} /* 弹窗 */ .z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;} .z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;} /* 弹窗内容 */ .z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;} .z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;} .z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;} .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;} .z_tanchuang .tbox .modal .img img{margin: 0 auto ;} .z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .z_tanchuang .tbox .modal2{padding: 20px;} .z_tanchuang .tbox .modal .img{max-width: 1200px;} /* 弹窗选中 */ .z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* 弹窗动画 */ @keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}} @keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}} @keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}} @keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}} @-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}} @-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}} @-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}} @-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}} /* 头部 */ .head{position: fixed;width: 100%;top: 0;left: 0;z-index: 9;background: #fff;} .head .xian{display: block;width: 100%;height: 6px;background: url(../images/1_2.png) center no-repeat;position: absolute;left: 0;bottom: -6px;z-index: 9;} .head .logo{display: block;float: left;height: 100px;position: relative;overflow: hidden;} .head .logo img{display: block;height: 100%;opacity: 0;} .head .logo img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 1;} .head .hrt{float: right;height: 100px;margin-left: 50px;display: flex;align-items: center;} .head .hrt a,.head .hrt span{display: block;float: left;} .head .hrt span{margin: 0 5px;} .head .hrt a:hover{color: #1b62ce;} .head .ul1{float: right;} .head .ul1 li{float: left;position: relative;} .head .ul1 li .ltp{position: relative;z-index: 3;} .head .ul1 li .ltp a{display: flex;padding: 0 22px;align-items: center;height: 100px;} .head .ul1 li .ltp a span{display: block;padding-bottom: 5px;border-bottom: 1px solid rgba(0, 0, 0, 0);} .head .ul1 li .lbt{position: fixed;width: 100%;line-height: 50px;background: #fff;left: 0;top: 100px;text-align: center;padding: 0 5%;z-index: 2;opacity: 0;visibility: hidden;padding-left: 30%;} .head .ul1 li .lbt a{display: inline-block;margin: 0 20px;} .head .ul1 li .lbt a:hover{color: #1b62ce;} .head .ul1 li.act .ltp a span,.head .ul1 li:hover .ltp a span{border-bottom: 1px solid #1b62ce;color: #1b62ce;} .head .ul1 li:hover .lbt{opacity: 1;visibility: visible;} .head .hrt a:hover{color: #1b62ce;} .head.act_idx{background: rgba(0, 0, 0, 0);} .head.act_idx .logo img{opacity: 1;} .head.act_idx .logo img:nth-child(2){opacity: 0;} .head.act_idx .xian{opacity: 0;} .head.act_idx .ul1 li .ltp a span{color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0);} .head.act_idx .ul1 li.act .ltp a span{border-bottom: 1px solid #fff;color: #fff;} .head.act_idx .hrt a,.head.act_idx .hrt span{color: #fff;} .head.act_idx2{background: #fff;} .head.act_idx2 .logo img{opacity: 0;} .head.act_idx2 .logo img:nth-child(2){opacity: 1;} .head.act_idx2 .xian{opacity: 1;} .head.act_idx2 .ul1 li .ltp a span{color: #333;border-bottom: 1px solid rgba(0, 0, 0, 0);} .head.act_idx2 .ul1 li.act .ltp a span,.head.act_idx2 .ul1 li:hover .ltp a span{border-bottom: 1px solid #1b62ce;color: #1b62ce;} .head.act_idx2 .hrt a,.head.act_idx2 .hrt span{color: #333;} .head.act .logo{height: 60px;} .head.act .ul1 li .ltp a,.head.act .hrt{height: 60px;} .head.act .ul1 li .lbt{top: 60px;} /* 首页 */ .i1{position: relative;} .i1 .swiper1{} .i1 .swiper1 .sbox a{display: block;} .i1 .swiper1 .sbox img{display: block;width: 1920px;max-width: 1920px;} .i1 .swiper1 .sbox .mimg{display: none;} .i1 .ibtm{width: 100%;position: absolute;left: 0;bottom: 50px;z-index: 5;color: #fff;letter-spacing: 4px;} .i1 .ibtm .ilt{width: 50%;float: left;} .i1 .ibtm .ilt .itc{margin-top: 15px;line-height: 18px;} .i1 .ibtm .ilt .itc span{width: 14px;height: 18px;float: left;position: relative;background: url(../images/1_3.png) center no-repeat ;overflow: hidden;margin-right: 10px;} .i1 .ibtm .ilt .itc span s{display: block;width: 2px;height: 5px;background: #fff;position: absolute;top: 0;left: 50%;margin-left: -1px;animation: ud 2s infinite ;-webkit-animation: ud 2s infinite ;} @keyframes ud {0% {top: 0%;}100% {top: 100%;}} @-webkit-keyframes ud {0% {top: 0%;}100% {top: 100%;}} .i1 .ibtm .irt{width: 50%;float: right;position: relative;text-align: right;} .i1 .ibtm .irt .pagination1{float: right;position: static;} .i1 .ibtm .irt .pagination1 span{opacity: 1;background: #fff;border: 1px solid #fff;margin-left: 15px;} .i1 .ibtm .irt .pagination1 .swiper-pagination-bullet-active{background: rgba(0, 0, 0, 0);transform: scale(1.5);-webkit-transform: scale(1.5);} .i2{padding: 180px 0 70px;position: relative;display: none;} .i2 .ibox{z-index: 3;} .i2 .ilt{width: 44%;float: left;line-height: 1.5;} .i2 .ilt .tc{color: #999;line-height: 1.9;margin: 30px 0 40px;text-align: justify;} .i2 .ilt .ul1{margin-bottom: 90px;} .i2 .ilt .ul1 li{float: left;width: 28%;float: left;} .i2 .ilt .ul1 li .num .counter{font-size: 52px;} .i2 .ilt .ul1 li .num .jia{position: relative;color: #666;top: -30px;} .i2 .ilt .ul1 li .ltt{color: #999;} .i2 .irt{position: absolute;width: 47.6%;right: 0;top: 180px; border-radius: 300px 0 0 300px;overflow: hidden;z-index: 5;} .i2 .irt img{display: block;width: 100%;} .more{display: block;width: 180px;line-height: 50px;text-align: center;border-radius: 10px 0 10px 0;border: 1px solid #ddd;} .more:hover,.more.act{background: #1b62ce;color: #fff;border: 1px solid #1b62ce;} .i2 .swiper2{position: relative;z-index: 1;} .i3 {} .i3 .itop{position: relative;z-index: 1;display: none;} .i3 .itop .ilt{width: 400px;float: left;padding-top: 60px;} .i3 .itop .irt{width: calc(100% - 400px);float: right;padding: 100px 130px 260px 130px;color: #999;line-height: 1.9;text-align: justify;background: #f4f4f4;} .i3 .ibtm {position: relative;z-index: 3;margin-top: 50px;padding-bottom: 80px;} .i3 .ibtm .ul1{margin-bottom: 70px;} .i3 .ibtm .ul1 li{width: 16.125%;position: relative;overflow: hidden;height: 355px;float: left;cursor: pointer;margin-right: 0.625%} .i3 .ibtm .ul1 li:last-child{margin-right: 0;} .i3 .ibtm .ul1 li img{height: 105%;max-width: 680px;position: relative;left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);} .i3 .ibtm .ul1 li .ltt{position: absolute;width: 100%;left: 0;z-index: 2;bottom: 0;padding: 0 30px;background: rgba(0, 0, 0, 0.2);color: #fff;line-height: 70px;font-size: 22px;} .i3 .ibtm .ul1 li.act{width: 33%;} .i3 .ibtm .ul2{position: relative;} .i3 .ibtm .ul2 li{position: relative;padding: 0 60px;display: none;} .i3 .ibtm .ul2 li .swiper3{} .i3 .ibtm .ul2 li .swiper3 a{display: block;border-bottom: 1px solid #ddd;overflow: hidden;} .i3 .ibtm .ul2 li .swiper3 a .slt{width: 110px;float: left;} .i3 .ibtm .ul2 li .swiper3 a .srt{width: calc(100% - 110px);float: right;} .i3 .ibtm .ul2 li .swiper3 a .srt .att{color: #666;color: #666;line-height: 1.8;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 20px 0 10px;} .i3 .ibtm .ul2 li .swiper3 a .srt .atc{color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .i3 .ibtm .ul2 li .swiper3 a:hover .srt .att{color: #1b62ce;} .zuo{width: 48px;height: 48px;position: absolute;top: 50%;left: 0;background: url(../images/left.png) center no-repeat;margin-top: -24px;cursor: pointer;z-index: 5;} .you{width: 48px;height: 48px;position: absolute;top: 50%;right: 0;background: url(../images/right.png) center no-repeat;margin-top: -24px;cursor: pointer;z-index: 5;} .dhbtn .svgo {position: absolute;top: 0;left: 0;width: 48px;height: 48px;} .dhbtn .svg {position: absolute;top: 0;left: 0;width: 48px;height: 48px; } .dhbtn .svg svg.circle-hover {position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);pointer-events: none;opacity: 1 !important} .dhbtn .svg svg.circle-hover circle {stroke-dasharray: 150px;stroke-dashoffset: 150px;transition: .8s cubic-bezier(.39, .575, .565, 1)} .dhbtn:hover .svg svg.circle-hover circle { stroke-dashoffset: 0} .dhbtn:hover .svg svg.circle-hover.copy circle {transition-delay: .2s} .zuo:hover{background: url(../images/left2.png) center no-repeat;} .you:hover{background: url(../images/right2.png) center no-repeat;} .i4{} .i4 .itop{line-height: 50px;margin-top: 50px;} .i4 .itop .ilt{width: 400px;float: left;} .i4 .itop .irt{float: right;} .i4 .itop .irt .more{float: left;margin-left: 20px;} .i4 .ibtm{position: relative;z-index: 3;width: 100%;} .i4 .ibtm .ceng{display: block;width: calc(100% - 50px);height: calc(100% - 70px);background: #f4f4f4;position: absolute;right: 0;bottom: 0;} .i4 .ibtm .swiper4 {padding: 30px 0 70px;z-index: 3;} .i4 .ibtm .swiper4 .swiper-slide .sbox{position: relative;overflow: hidden;} .i4 .ibtm .swiper4 .swiper-slide .sbox img{display: block;width: 100%;} .i4 .ibtm .swiper4 .swiper-slide .sbox .btxt{position: absolute;width: 100%;left: 0;bottom: 0; padding: 10px 30px;line-height: 1.8;color: #fff;z-index: 2;} .i4 .ibtm .swiper4 .swiper-slide .sbox .a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.1);} .i4 .ibtm .swiper4 .swiper-slide .sbox .a .xian{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border:1px solid #fff;} .i4 .ibtm .swiper4 .swiper-slide .sbox .a .abox{position: absolute;width: 100%;left: 0;top: 55%;opacity: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 1.8;padding: 0 5%;} .i4 .ibtm .swiper4 .swiper-slide:hover .sbox .a {background: rgba(0, 0, 0, 0.4);} .i4 .ibtm .swiper4 .swiper-slide:hover .sbox .a .xian{width: 90%;height: 90%;top: 5%;left: 5%;} .i4 .ibtm .swiper4 .swiper-slide:hover .sbox .a .abox{top: 50%;opacity: 1;} .i4 .ibtm .swiper4 .swiper-slide:hover .sbox .btxt{opacity: 0;bottom: -100%;} .i4 .ibtm .swiper4 .anniu{width: 100%;height: 48px;position: absolute;left: 0;bottom: 0;z-index: 3;} .i4 .ibtm .swiper4 .anniu .alt{width: 120px;float: left;position: relative;height: 100%;} .i4 .ibtm .swiper4 .scrollbar4{width: calc(100% - 400px);left: 130px;bottom: 25px;} .i5{padding:90px 0 ;background: url(../images/1_9.png) center no-repeat;} .i5 .itop{line-height: 50px;margin: 35px 0;} .i5 .itop .ilt{width: 400px;float: left;} .i5 .itop .irt{float: right;} .i5 .itop .irt .more{float: left;margin-left: 20px;} .i5 .ibtm{} .i5 .ibtm .ilt{width: calc(100% - 760px);float: left;} .i5 .ibtm .ilt a{display: block;width: 100%;padding: 30px 8% 30px 10%;} .i5 .ibtm .ilt a .alt{width: 80px;height: 80px;float: left;text-align: center;background: #fff;border:1px solid #ddd;} .i5 .ibtm .ilt a .alt .day{line-height: 50px;color: #333;} .i5 .ibtm .ilt a .art {width: calc(100% - 100px);float: right;padding-top: 5px;} .i5 .ibtm .ilt a .art .att{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .i5 .ibtm .ilt a .art .atc{line-height: 24px;color: #999;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 10px;} .i5 .ibtm .ilt a:hover .alt{background: #1b62ce;border:1px solid #1b62ce;color: #fff;} .i5 .ibtm .ilt a:hover .alt .day{color: #fff;} .i5 .ibtm .irt{width: 680px;height: 410px;overflow: hidden;float: right;} .i5 .ibtm .irt img{display: block;height: 100%;max-width: 700px;} .i5 .ibtm .ilt a:hover .art .att{color: #1b62ce;} .i5 .ibtm .ilt a:hover {-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} /* 底部 */ .footer1 {background: #161f1e; padding: 80px 0;color: #fff;} .footer1 .flt {width: 330px;float: left;} .footer1 .flt .ftt{margin: 20px 0 30px;} .footer1 .flt a{color: #fff;margin-bottom: 15px;} .footer1 .frt{width: 120px;float: right;text-align: center;line-height: 1.5;color: #9ab9d9;} .footer1 .ul1{width: 730px; position: absolute;top: 0px;left: 50%;transform: translate(-42%);-webkit-transform: translate(-42%);} .footer1 .ul1 li{float: left;padding-right: 58px;} .footer1 .ul1 li a{display: block;color: #b0b0b0;margin-bottom: 15px;} .footer1 .ul1 li a:first-child{color: #fff;margin-bottom: 30px;} .footer1 .ul1 li:last-child{padding-right: 0;} .footer1 .ul1 li a:hover{color: #fff;} .footer2{background: #000;line-height: 66px;color: #b8b8b8;} .footer2 .flt{float: left;} .footer2 .frt{display: block;float: right;color: #b8b8b8;} /* 关于 */ .nheighr{width: 100%;height: 100px;} /* banner */ .flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .f-dr { /*水平*/-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;} .f-dc { /*垂直*/-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .flex-1 > * {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: inline-block; /* IE10失效的解决办法 */} .f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} .f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;} .f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;} .f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; } .f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;} .f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .banner {position: relative;} .banner .inner{text-align: justify;color: #fff;width: 100%;} .banner .inner .f_36{margin: 10px 0 30px;} .banner .inner .xian{display: block;width: 20px;height: 2px;background: #005ed1;} .banner img{} .banner .mimg{display: none;} .banner .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;} .banner .text h4 {font-size: 42px;letter-spacing: 4.2px;color: #fff;} .banner .text h6 {margin-top: 10px;font-family: Helvetica;font-size: 22px;letter-spacing: 2.2px;color: #fff;opacity: 0.8;} .banner_nav {position: absolute;bottom: 0;left: 0;height: 70px;width: 100%;background: rgba(51,51, 51, 0.8);z-index: 8;} .banner_nav .container {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;} .banner_nav .container .homelink {-webkit-box-flex: 0;-webkit-flex-grow: 0;-moz-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;border-right: 1px solid rgba(255, 255, 255, 0.4); } .banner_nav .container ul {-webkit-box-flex: 1;-webkit-flex-grow: 1;-moz-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .banner_nav .container ul li {-webkit-box-flex: 0;-webkit-flex-grow: 0;-moz-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;width: 25%;position: relative;border-right: 1px solid rgba(255, 255, 255, 0.4);} .banner_nav .container ul li .title a {height: 70px;padding: 0 30px;position: relative; } .banner_nav .container ul li .title a span {display: block;-webkit-box-flex: 1;-webkit-flex-grow: 1;-moz-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding-right: 10px;color: #fff;-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;} .banner_nav .container ul li .title a i {display: block;width: 12px;height: 12px;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-flex: 0;-webkit-flex-grow: 0;-moz-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;position: relative;-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;} .banner_nav .container ul li .title a i::after,.banner_nav .container ul li .title a i::before {content: '';display: block;background: #fff;-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;} .banner_nav .container ul li .title a i::after {width: 100%;height: 2px;} .banner_nav .container ul li .title a i::before {width: 2px;height: 100%;} .banner_nav .container ul li .subbox {position: absolute;left: 0;top: 100%;width: 100%;background: rgba(51,51, 51, 0.8);padding: 30px 0;display: none;z-index: 2;} .banner_nav .container ul li .subbox a {color: #cecece;padding: 0 30px;line-height: 42px;-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;margin-bottom: 16px;display: block;} .banner_nav .container ul li .subbox a:last-child {margin-bottom: 0;} .banner_nav .container ul li .subbox a:hover {background: #333; } .banner_nav .container ul li:hover .title a span {} .banner_nav .container ul li:hover .title a i {-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);-ms-transform: rotate(720deg);transform: rotate(720deg);} .banner_nav .container ul li:hover .title a i::after {background: #fff;} .banner_nav .container ul li:hover .title a i::before {height: 0;} .nav{padding: 40px 0;text-align: right;} .nav span{color: #666;} /* banner */ /* 关于 */ .biaoti .tt{text-align: center;position: relative;} .biaoti .tt .cn{font-weight: bold; position: relative;z-index: 3;display: inline-block;} .biaoti .tt .en{color: #bad5ff;padding-top: 10px;position: relative;z-index: 3;} .biaoti .tt .cn span{display: block;width: 60px;height: 47px;background: url(../images/2_2.png) center no-repeat;position: absolute;top: 0;left: 50%;z-index: -1;margin-left: 20px;} .ab1{} .ab1 .itop{ position: relative;margin-top: 110px;} .ab1 .itop .ilt{width: 43.2%;float: left;} .ab1 .itop .ilt .itt{line-height: 1.5;color: #1b62ce;} .ab1 .itop .ilt .itc{line-height: 28px;color: #666;text-align: justify;height: 390px;padding-right: 20px;overflow: auto;margin: 30px 0 70px;} .ab1 .itop .ilt .itc::-webkit-scrollbar{ width:4px;} .ab1 .itop .ilt .itc::-webkit-scrollbar-thumb{ background:#1b62ce;} .ab1 .itop .ilt .itc::-webkit-scrollbar-track{ background:#eee;} .ab1 .itop .ilt .ul1{} .ab1 .itop .ilt .ul1 li{width: 33.33%;float: left;} .ab1 .itop .ilt .ul1 li .counter{position: relative;display: inline-block;font-size: 52px;color: #333;} .ab1 .itop .ilt .ul1 li .jia{position: relative;display: inline-block;color: #999;top: -25px;} .ab1 .itop .ilt .ul1 li .tx{color: #999;margin-top: 10px;} .ab1 .itop .ilt .ul1 li:hover .counter,.ab1 .itop .ilt .ul1 li:hover .jia,.ab1 .itop .ilt .ul1 li:hover .tx{color: #1b62ce;} .ab1 .itop .irt{width: 53%;position: absolute;right: 0;bottom: 0;} .ab1 .itop .irt img{display: block;width: 100%;} .pt100{padding-top: 100px;} .ab2 .ul1 {} .ab2 .ul1 li{width: 49.5%;float: left;margin-top: 40px;position: relative;overflow: hidden;} .ab2 .ul1 li:nth-child(2n){float: right;} .ab2 .ul1 li img{display: block;width: 100%;} .ab2 .ul1 li .btxt{position: absolute;width: 100%;left: 0;bottom: 0; padding: 30px ;line-height: 1;color: #fff;z-index: 2;} .ab2 .ul1 li .btxt .axian{display: block;width: 18px;height: 2px;background: #1b62ce;margin-top: 10px;} .ab2 .ul1 li .a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.1);} .ab2 .ul1 li .a .xian{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border:1px solid #fff;} .ab2 .ul1 li .a .abox{position: absolute;width: 100%;left: 0;top: 55%;opacity: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 1.8;padding: 0 15%;} .ab2 .ul1 li .a .abox .axian{display: block;width: 18px;height: 2px;background: #1b62ce;margin: 10px auto;} .ab2 .ul1 li:hover .a {background: rgba(0, 0, 0, 0.5);} .ab2 .ul1 li:hover .a .xian{width: 90%;height: 90%;top: 5%;left: 5%;} .ab2 .ul1 li:hover .a .abox{top: 50%;opacity: 1;} .ab2 .ul1 li:hover .btxt{opacity: 0;bottom: -100%;} .ab3 {padding-bottom: 155px;background: url(../images/2_4.png) center bottom no-repeat;} .ab3 .ul1{margin-top: 30px;-moz-box-shadow:0px 1px 10px #ddd; -webkit-box-shadow:0px 1px 10px #ddd; box-shadow:0px 1px 10px #ddd;} .ab3 .ul1 li{background: #fff;position: relative;display: none;} .ab3 .ul1 li .img{width: 49.5%;float: left;overflow: hidden;} .ab3 .ul1 li .txt{width: 44%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 1.5;right: 3%;} .ab3 .swiper5{background: url(../images/2_6_1.png) left 50px repeat-x;} .ab3 .swiper5 .swiper-slide{width: 200px;} .ab3 .swiper5 .swiper-slide .sbox{width: 100%;height: 110px;text-align: center;margin-top: 50px;background-size: 100%;padding-top: 80px;font-size: 30px;font-weight: bold;color: #999;padding-left: 50px;cursor: pointer;position: relative;} .ab3 .swiper5 .swiper-slide .sbox:before{content: '';display: block;width: 2px;height: 0px;position: absolute;background: #1b62ce;bottom: 50px;left: 126px;z-index: 2;} .ab3 .swiper5 .swiper-slide-active .sbox{color: #1b62ce;} .ab3 .swiper5 .swiper-slide-active .sbox:before{height: 60px;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);transition-delay: 1s;-webkit-transition-delay: 1s;} .ab3 .swiper5 .scrollbar5{display: none;} .ab4 {} .ab4 .itop{margin: 50px 0;} .ab4 .ilt{width: 500px;overflow: hidden;position: relative;float: left;} .ab4 .ilt img{display: block;width: 100%;} .ab4 .ilt .txt{position: absolute;padding: 15px 0;background: #fff;z-index: 2;right: 0;top: 50px;text-align: center;color: #999;width: 155px;} .ab4 .ilt .txt .counter{color: #1b62ce;font-size: 52px;margin-bottom: 5px;display: inline-block;} .ab4 .ilt .txt .jia{position: relative;color: #1b62ce;top: -20px;font-size: 20px;} .ab4 .irt{width: calc(100% - 670px);float: right;padding-top: 130px;line-height: 1.8;color: #999;} .ab4 .irt .itt{color: #333;} .ab4 .irt .itt2{color: #666;padding: 10px 0;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .ab5{background: #f6f7f9;padding: 50px 0 100px;} .ab5 .itop{margin: 50px 0 100px;} .ab5 .itop span{display: block;width: 200px;height: 260px;background: #f6f7f9;margin: 0 10px;border-radius: 10px 0 10px 0;cursor: pointer;text-align: center;} .ab5 .itop span .img{display: block;width: 100px;position: relative;margin: 40px auto 30px;border:1px solid #ddd;border-radius: 50%;} .ab5 .itop span .img img{display: block;width: 100%;} .ab5 .itop span .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .ab5 .itop span .cn{color: #333;} .ab5 .itop span .en{color: #999;margin-top: 10px;} .ab5 .itop span.act{background: #fff;-moz-box-shadow:0px 1px 10px #ddd; -webkit-box-shadow:0px 1px 10px #ddd; box-shadow:0px 1px 10px #ddd;} .ab5 .itop span.act .img{border: 1px solid #1b62ce;background: #1b62ce;} .ab5 .itop span.act .img img{opacity: 0;} .ab5 .itop span.act .img img:nth-child(2){opacity: 1;} .ab5 .itop span.act .cn,.ab5 .itop span.act .en{color: #1b62ce;} .ab5 .ul1{} .ab5 .ul1 .li1{} .ab5 .ul1 .li1 .llt{width: 43%;float: left;} .ab5 .ul1 .li1 .lrt{width: 56.36%;float: right;} .ab5 .ul1 .li1 .lrt .swiper7{} .ab5 .ul1 .li1 .lrt img{display: block;width: 100%;} .ab5 .ul1 .li1 .llt .num{float: left;color: #1b62ce;} .ab5 .ul1 .li1 .llt .num .counter{font-size: 52px;} .ab5 .ul1 .li1 .llt .num .jia{position: relative;font-size: 20px;top: -25px;} .ab5 .ul1 .li1 .llt img{display: block;float: left;margin-left: 10px;} .ab5 .ul1 .li1 .llt .tc{width: 100%;float: left;line-height: 2;color: #666;max-width: 480px;text-align: justify;} .ab5 .ul1 .li2{display: none;} .ab5 .ul1 .li2 .llt{float: left;} .ab5 .ul1 .li2 .llt img{display: block;float: left;} .ab5 .ul1 .li2 .llt .num{float: left;margin-left: 15px;} .ab5 .ul1 .li2 .llt .num .counter{font-size: 52px;color: #1b62ce;} .ab5 .ul1 .li2 .llt .num .jia{position: relative;font-size: 20px;top: -25px;color: #1b62ce;} .ab5 .ul1 .li2 .llt .num .ntx{color: #666;margin-top: 10px;} .ab5 .ul1 .li2 .lrt{float: right;} .ab5 .ul1 .li2 .ltc{float: right;line-height: 2;padding-right: 100px;color: #666;} .ab6{padding: 50px 0 100px;} .ab6 .dl1{margin-top: 50px;} .ab6 .dl1 dt{padding: 0 20px;} .ab6 .dl1 dt span{display: block;float: left;line-height: 60px;width: 16.66%;} .ab6 .dl1 dd{border:1px solid #ddd;margin-bottom: 10px;} .ab6 .dl1 dd .dtp{padding: 0 20px;line-height: 50px;cursor: pointer;font-size: 14px;} .ab6 .dl1 dd .dtp span{display: block;float: left;line-height: 60px;width: 16.66%;} .ab6 .dl1 dd .dbt{padding: 20px ;border-top: 1px solid #ddd;line-height: 1.8;display: none;} .ab6 .dl1 dd .dbt .gw{display: block;margin-bottom: 10px;} .ab6 .dl1 dd .dbt .dbtm{padding-top: 15px;line-height: 34px;font-size: 14px;border-top: 1px solid #ddd;margin-top: 30px;} .ab6 .dl1 dd .dbt .dbtm .jl{display: block;width: 103px;float: right;background: url(../images/2_12.png) center no-repeat;color: #fff;padding-left: 35px;} .ab6 .dl1 dd .dtp.act{background: #1b62ce;} .ab6 .dl1 dd .dtp.act span{color: #fff;} /* 新闻 */ .ne1{padding-bottom: 100px;} .ne1 .ul1{} .ne1 .ul1 li{margin: 45px 0 90px;height: 225px;border-radius: 20px 0 20px 0;} .ne1 .ul1 li a{display: block;} .ne1 .ul1 li .img{height: 100%;position: relative;overflow: hidden;border-radius: 20px 0 20px 0;float: left;width: 445px;} .ne1 .ul1 li .img img{display: block;height: 100%;} .ne1 .ul1 li .nlt{width: calc(100% - 565px);float: left;padding: 40px 60px 0;line-height: 1.8;} .ne1 .ul1 li .nlt .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ne1 .ul1 li .nlt .ltc{color: #999;margin: 5px 0 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;} .ne1 .ul1 li .nrt{float: left;padding-top: 50px;} .ne1 .ul1 li .nrt .day{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;} .ne1 .ul1 li .nrt .year{text-align: right;color: #999;} .ne1 .ul1 li:hover{-moz-box-shadow:0px 1px 10px #bad5ff; -webkit-box-shadow:0px 1px 10px #bad5ff; box-shadow:0px 1px 10px #bad5ff;} .ne1 .ul1 li:hover .ltt{color: #1b62ce;} .ne1 .ul1 li:hover .more{background: #1b62ce;color: #fff;} .ne1 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} /* 新闻详情 */ .newc1{padding-bottom: 100px;} .newc1 .nbox{max-width: 1280px;margin: 0 auto;} .newc1 .nbox .ntt{text-align: center;line-height: 1.5;} .newc1 .nbox .day{line-height: 20px;color: #666;border-top: 1px solid #ddd;padding: 20px 0;margin-top: 20px;} .newc1 .nbox .day span{display: block;float: left;margin: 0 20px 0 10px;} .newc1 .nbox .day .srt{float: right;} .newc1 .nbox .ntc{padding-bottom: 40px; border-bottom: 1px solid #ddd;color: #999;line-height: 1.8;text-align: justify;} .newc1 .nbtn{position: relative;margin-top: 40px;} .newc1 .nbtn a{display: block;width: calc(100% - 150px);color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 15px;} .newc1 .nbtn a:hover{color: #1b62ce;} .newc1 .nbtn .fh{width: 120px;line-height: 36px;background: url(../images/3_4_1.png) 90% center no-repeat;text-align: center;position: absolute;top: 0;right: 0;position: absolute;margin-top: 0;} .newc1 .nbtn .fh:hover {background: #1b62ce url(../images/3_4_2.png) 90% center no-repeat;color: #fff;} /* 视频 */ .vi1{} .vi1 .itop{display: block;margin: 30px 0 80px;} .vi1 .itop .ilt{width: calc(100% - 410px);float: left;position: relative;overflow: hidden;border-radius: 20px 0 20px 0;height: 530px;} .vi1 .itop .ilt img{display: block;max-width: 990px;height: 100%;} .vi1 .itop .ilt .bf{display: block;width: 75px;height: 50px;background: url(../images/3_5_2.png) center no-repeat;position: absolute;top: 50%;left: 50%;z-index: 3;margin-top: -25px;margin-left: -37px;cursor: pointer;} .vi1 .itop .ilt .bf:hover{transform: scale(0.9);-webkit-transform: scale(0.9);} .vi1 .itop .irt{width: 385px;height: 530px;background: #f4f4f4;padding: 55px 60px 0;float: right;border-radius: 0 20px 0 20px;} .vi1 .itop .irt .itt{line-height: 1.8;padding-left: 80px;background: url(../images/3_5_3.png) left 10px no-repeat;} .vi1 .itop .irt .itc{padding: 30px 0 ;line-height: 1.8;color: #666;text-align: justify;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 30px;height: 260px;overflow: auto;} .vi1 .itop .irt .itc2{line-height: 1.8;color: #555;padding-top: 20px;} .vi2{padding: 70px 0 100px;background: #f3f3f3;} .vi2 .swiper6{padding-bottom: 60px;} .vi2 .swiper6 .swiper-slide{} .vi2 .swiper6 .swiper-slide .sbox{position: relative;width: 100%;background: #f3f3f3;border-radius: 20px 0 20px 0;overflow: hidden;cursor: pointer;} .vi2 .swiper6 .swiper-slide .sbox .img{display: block;position: relative;overflow: hidden;} .vi2 .swiper6 .swiper-slide .sbox .img img{display: block;width: 100%;} .vi2 .swiper6 .swiper-slide .sbox .img .bf{display: block;width: 75px;height: 50px;background: url(../images/3_5_2.png) center no-repeat;position: absolute;top: 50%;left: 50%;z-index: 3;margin-top: -25px;margin-left: -37px;cursor: pointer;} .vi2 .swiper6 .swiper-slide .sbox .stt{padding: 30px 0;line-height: 20px;} .vi2 .swiper6 .swiper-slide .sbox .stt span{display: block;width: 100%;height: 20px;overflow: hidden;padding-left: 10px;border-left: 4px solid #1b62ce;} .vi2 .swiper6 .swiper-slide .sbox:hover{background: #fff;} .vi2 .swiper6 .swiper-slide .sbox:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .vi2 .swiper6 .scrollbar6{width: 210px;left: 50%;margin-left: -105px;background: #ddd;} /* 下载 */ .do1,.navhui{background: #f4f4f4;} .do1 .dl1{padding: 60px 0 30px;} .do1 .dl1 dt{margin-bottom: 40px;line-height: 24px;} .do1 .dl1 dt .dlt{float: left;padding-left: 40px;border-left: 2px solid #1b62ce;} .do1 .dl1 dt .drt{float: right;background: url(../images/3_7_1.png) center right no-repeat;padding-right: 30px;cursor: pointer;} .do1 .dl1 dt .drt span{opacity: 0;} .do1 .dl1 dd{cursor: pointer;text-align: center;display: none;} .do1 .dl1 dd .li{width: 24%;float: left;position: relative;background: #fff;padding: 40px 35px 20px;border-radius: 20px 0 20px 0;margin:0 1.33% 1.33% 0;} .do1 .dl1 dd .li:nth-child(4n){margin-right: 0;} .do1 .dl1 dd .li img{display: block;width: 100%;} .do1 .dl1 dd .li .dtt{margin: 20px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .do1 .dl1 dd .li .dbtn a{width: 45%;line-height: 46px;float: left;color: #666;} .do1 .dl1 dd .li .dbtn a:nth-child(2){float: right;} .do1 .dl1 dd .li .dbtn a:hover{color: #fff;} .do1 .dl1 dd .li:hover{-moz-box-shadow:0px 1px 10px #bad5ff; -webkit-box-shadow:0px 1px 10px #bad5ff; box-shadow:0px 1px 10px #bad5ff;} .do1 .dl1 dt .drt.act{background: url(../images/3_7_2.png) center right no-repeat;} .do1 .dl1 dt .drt.act span{opacity: 1;} /* 产品 */ .pr1{} .pr1 .ul1{margin: 30px 0 90px;} .pr1 .ul1 li{position: relative;height: 440px;left: -20px;} .pr1 .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;} .pr1 .ul1 li .lrt{float: right;height: 100%;width: 69.2%;position: relative;} .pr1 .ul1 li .lrt img{display: block;height: 100%;position: relative;z-index: 3;} .pr1 .ul1 li .lrt img:nth-child(2){position: absolute;top: 0;right: 0;z-index: -1;} .pr1 .ul1 li .llt{width: 65%;height: 240px;border:1px solid #e5e5e5 ;border-right: 0; padding: 40px ;position:absolute;z-index: 2;top: 100px;left: 0;} .pr1 .ul1 li .llt .txt{width: 320px;text-align: justify;line-height: 1.5;} .pr1 .ul1 li .llt .txt .ltt{position: relative;} .pr1 .ul1 li .llt .txt .ltt s{display: block;width: 2px;height: 24px;position: absolute;top: 7px;left: -40px;background: #1b62ce;} .pr1 .ul1 li .llt .txt .ltc{line-height: 2;color: #666;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 84px;} .pr1 .ul1 li:hover .llt .txt .ltt{color: #1b62ce;} .pr1 .ul1 li:hover .lrt img{transform: scale(1.05);-webkit-transform: scale(1.05);} .pr1 .ul1 li:nth-child(2n){left: 20px;} .pr1 .ul1 li:nth-child(2n) .lrt{float: left;} .pr1 .ul1 li:nth-child(2n) .llt{left: auto;right: 0;border: 1px solid #e5e5e5;border-left: 0;} .pr1 .ul1 li:nth-child(2n) .llt .txt{float: right;} .pr1 .ul1 li:nth-child(2n) .llt .txt .ltt s{left: auto;right: -40px;} /* 详情 */ .prc1{position: relative;min-height: 550px;} .prc1 .s1{display: block;width: 9.65%;height: calc(100% + 95px);background: #f8f8f8;position: absolute;top: -95px;left: 0;} .prc1 .img{position: absolute;width: 58.4%;right: 0;top: 0;} .prc1 .plt{width: 410px;line-height: 1.8;padding: 80px 0;} .prc1 .plt .ptt{color: #1b62ce;} .prc1 .plt .ptc{color: #666;margin-top: 20px;text-align: justify;} .prc2{background: #f5f5f5 url(../images/4_4.png) center top no-repeat;padding: 195px 0 100px;} .prc2 .pbtn{color: #fff;} .prc2 .pbtn span{display: block;margin: 0 80px;text-align: center;line-height: 1.8;height: 70px;position: relative;cursor: pointer;} .prc2 .pbtn span s{display: block;width: 0%;height: 3px;background: #1b62ce;position: absolute;left: 0;bottom: -3px;} .prc2 .pbtn span.act s{width: 100%;} .prc2 .ubox{background: #fff;border-radius: 20px 0 20px 0;padding: 70px 60px;} .prc2 .ubox .ul1{display: none;} .prc2 .ubox .ul1 li{line-height: 45px;background: #f5f5f5;} .prc2 .ubox .ul1 li:nth-child(2n){background: #fff;} .prc2 .ubox .ul1 li .llt{width: 360px;float: left;padding-left: 85px;} .prc2 .ubox .ul1 li .lrt{width: calc(100% - 360px);float: left;color: #666;} .prc2 .ubox .ul1 li.lbtm{background: #fff;margin-top: 30px;border-top: 1px solid #ddd;color: #666;padding-top: 10px;font-size: 14px;} .prc2 .ubox .ul1 li.lbtm s{display: inline-block;width: 50px;} .prc2 .ubox .ul2{padding-left: 20px;display: none;color: #666;line-height: 2;} /* 案例 */ .cas1{padding-bottom: 100px;} .cas1 .ctop{position: relative;height: 375px;} .cas1 .ctop .a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .cas1 .ctop .img{width: 600px;height: 100%;float: left;overflow: hidden;border-radius: 20px 0 20px 0;} .cas1 .ctop .img img{display: block;height: 100%;max-width: 600px; } .cas1 .ctop .crt{width: calc(100% - 600px);float: right;height: 100%;float: right;background: #f5f5f5;padding: 35px 55px;} .cas1 .ctop .crt .ctt{height: 35px;border-bottom: 1px solid #ccc;} .cas1 .ctop .crt .ctt span{display: inline-block;width: 180px;height: 35px;border-bottom: 1px solid #1b62ce;} .cas1 .ctop .crt .ctc{color: #666;line-height: 1.8;text-align: justify;margin-top: 30px;} .cas1 .ul1{margin: 60px 0 0;} .cas1 .ul1 li{width: 32.5%;float: left;position: relative;overflow: hidden;margin: 0 1.25% 30px 0 ;border-radius: 10px 0 10px 0;} .cas1 .ul1 li .a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .cas1 .ul1 li:nth-child(3n){margin-right: 0;} .cas1 .ul1 li .img{display: block;width: 100%;overflow: hidden;border-radius: 10px 0 10px 0 ;overflow: hidden;} .cas1 .ul1 li .img img{display: block;width: 100%;} .cas1 .ul1 li .txt{padding: 20px 20px 20px 0;line-height: 1;color: #666;} .cas1 .ul1 li .txt .ltt{padding-left: 11px;border-left: 4px solid #1b62ce;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .cas1 .ul1 li .txt .ltc{padding-left: 15px;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .cas1 .ul1 li:hover{-moz-box-shadow:0px 1px 8px #ddd; -webkit-box-shadow:0px 1px 8px #ddd; box-shadow:0px 1px 8px #ddd;} .cas1 .ul1 li:hover .txt{padding-left: 20px;} /* 技术 */ .tec1{padding-bottom: 60px;} .tec1 .ttop{} .tec1 .ttop .tlt{width: calc(100% - 770px);float: left;} .tec1 .ttop .tlt img{display: block;width: 100%;} .tec1 .ttop .trt{width: 740px;float: right;} .tec1 .ttop .trt .txt{padding: 105px 0 80px 30px;} .tec1 .ttop .trt .txt .rtt{position: relative;} .tec1 .ttop .trt .txt .rtt s{display: block;width: 2px;height: 100%;background: #1b62ce;position: absolute;top: 0;left: -20px;} .tec1 .ttop .trt .txt .rtc{line-height: 1.8;text-align: justify;color: #666;margin-top: 30px;} .tec1 .ttop .trt .ul1{} .tec1 .ttop .trt .ul1 li{width: 33.33%;float: left;height: 155px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;text-align: center;} .tec1 .ttop .trt .ul1 li:nth-child(3n){border-right: 0;} .tec1 .ttop .trt .ul1 li:nth-child(n + 4){border-bottom: 0;padding-top: 40px;} .tec1 .ttop .trt .ul1 li .img{display: block;width: 70px;position: relative;margin: 0 auto 20px;} .tec1 .ttop .trt .ul1 li .img img{display: block;width: 100%;} .tec1 .ttop .trt .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .tec1 .ttop .trt .ul1 li:hover .img img{opacity: 0;} .tec1 .ttop .trt .ul1 li:hover .img img:nth-child(2){opacity: 1;} .tec1 .ttop .trt .ul1 li:hover {color: #1b62ce;} .tec2{padding: 70px 0 100px;background: #f4f4f4;} .tec2 .ttop{width: 100%;height: 540px;background: #fff;overflow: hidden;margin-top: 40px;} .tec2 .ttop .tlt{width: 280px;float: left;height: 100%;padding-top: 40px;position: relative;z-index: 3;background: #fff;} .tec2 .ttop .tlt span{display: block;line-height: 50px;text-align: center;background: url(../images/6_9_1.png) 95% center no-repeat;border-radius: 5px 0 0 0;cursor: pointer;margin: 15px 0;} .tec2 .ttop .tlt span.act{background: #1b62ce url(../images/6_9_2.png) 95% center no-repeat;color: #fff;} .tec2 .ttop .ul1{width: calc(100% - 280px);height: 100%;float: right;background: url(../images/6_8.png ) center no-repeat;background-size: cover;position: relative;} .tec2 .ttop .ul1 li{width: 600px;height: 100%;position: absolute;top: 0;left: -100%;opacity: 0; z-index: 2;background: rgb(0, 27, 68,0.6);color: #c8c8c8;padding: 60px 50px;line-height: 1.8;} .tec2 .ttop .ul1 li .ltt{color: #fff;margin-bottom: 20px;} .tec2 .ttop .ul1 li .ltc{height: 400px;overflow: hidden;} .tec2 .ttop .ul1 li.act{left: 0;opacity: 1;} .tec3{padding: 70px 0 100px;} .tec3 .ttop{width: 100%;height: 460px;position: relative;background: url(../images/6_10.png) center left no-repeat;background-size: cover;margin-top: 40px;} .tec3 .ttop .txt{position: absolute;width: 725px;height: 295px;background: #fff;z-index: 2;right: 0;bottom: 0;padding: 40px 60px 0;text-align: justify;} .tec3 .ttop .txt .rtt{padding-left: 10px;border-left: 2px solid #1b62ce;} .tec3 .ttop .txt .rtc{overflow: auto;width: 100%;height: 205px;padding-right: 10px;margin-top: 20px;line-height: 1.8;color: #666;} .tec3 .ttop .txt .rtc::-webkit-scrollbar{ width:4px;} .tec3 .ttop .txt .rtc::-webkit-scrollbar-thumb{ background:#1b62ce;} .tec3 .ttop .txt .rtc::-webkit-scrollbar-track{ background:#eee;} /* 联系 */ .con1{padding-bottom: 100px;} .con1 .ctop{margin: 40px 0 30px;padding-top: 60px;border-top: 2px solid #1b62ce;} .con1 .ctop .clt{width: calc(100% - 1000px);float: left;border-right: 1px solid #ddd;text-align: center;color: #1b62ce;line-height: 1.8;} .con1 .ctop .clt .ewm{letter-spacing: 5px;color: #999;} .con1 .ctop .clt .ewm img{display: block;margin: 20px auto 10px;} .con1 .ctop .crt{width: 920px;float: right;} .con1 .ctop .crt li{line-height: 45px;margin: 30px 0;} .con1 .ctop .crt li img{width: 45px;float: left;} .con1 .ctop .crt li a{display: block;color: #666;padding-left: 20px;float: left;} .con1 .ctop .crt li a span{font-weight: bold;} .con1 .ctop .crt li.li1 a{display: block;float: left; width: calc((100% - 45px) / 3);border-right: 1px solid #ddd;line-height: 20px;margin-top: 10px;} .con1 .ctop .crt li.li1 a:last-child{border: 0;} .con1 .map{width: 100%;height: 595px;} /* 新首页 */ .i2new{padding: 90px 0 150px;background: url(../images/1_12.png) center top no-repeat;background-size: cover;} .biaoti_sy .tt .cn{color: #333;} .i2new .ul1 {padding: 30px 0 80px;} .i2new .ul1 li{width: 25%;float: left;padding-left: 5%; color: #666;} .i2new .ul1 li .num .counter{font-size: 60px;color: #333;} .i2new .ul1 li .ltt{margin-top: 30px;color: #999;} .i2new .itop{position: relative;} .i2new .itop .irt{padding-left:33.4% ;} .i2new .itop .ilt{width: 560px;background: #1b62ce;color: #fff;position: absolute;top:40px;left: 0;z-index: 2;padding: 60px 120px;text-align: justify;line-height: 1.5;} .i2new .itop .ilt .ix{width: 40px;height: 2px;background: #fff;margin: 20px 0;} .i2new .itop .ilt .itc{line-height: 1.8;} .i2new .itop .ilt .more2{display: block;width: 120px;line-height: 40px;background: #1b62ce;color: #fff;border: 2px solid #1b62ce;border-bottom: 2px solid #fff;text-align: center;margin-top: 50px;} .i2new .itop .ilt .more2:hover{background: #fff;color: #1b62ce;border: 2px solid #fff;} .i6{ color: #fff;background: url(../images/1_14.png) center no-repeat;background-size: cover;position: relative;} .i6 > img{display: block;width: 100%;} .i6 .itp{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .i6 .irt{position: absolute;top: 0;right: 0;width: 50.625%;height: 100%;} .i6 .irt li{height: 33.33%;} .i6 .irt li img{width: 16.66%;float: right;background: #fff;height: 100%;} .i6 .ilt{padding: 7% 0 0;width: 405px;text-align: justify;line-height: 1.5;} .i6 .ilt .en{letter-spacing: 4px;margin: 20px 0 30px;font-family: arial;} .i6 .ilt .tc{line-height: 1.8;} .i6 .irt2{display: none;} .m_head,.m_nav{display: none;} @media(max-width:1680px){ .i1 .swiper1 .sbox img{width: 100%;} .prc1 .s1{display: none;} } @media(max-width:1580px){ } @media(max-width:1440px){ .i3 .itop .irt{padding-right: 40px;padding-left: 40px;} .i2new .itop .ilt{padding: 50px;} .i3 .ibtm .ul1 li .ltt{font-size: 20px;} } @media(max-width:1280px){ } @media(max-width:1030px){ body{min-width: 200px;padding: 0;padding-top: 50px;} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 20px;} .f_24{ font-size:20px; } .f_26{ font-size:20px; } .f_28{ font-size:20px; } .f_30{ font-size:20px; } .f_32{ font-size:24px; } .f_34{ font-size:24px; } .f_36{ font-size:24px; } .f_40{font-size: 30px;} .f_42{font-size: 26px;} .m_head {display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: rgba(255,255,255,1);border-bottom: 1px solid #eee;} .m_head .mlt{display: block;float: left;} .m_head .mlt img{display: block;height: 50px;margin-top: 0px;} .m_head .img{width: 50px;float: right;} .m_head .img img{display: block;width: 100%;} .m_nav{font-family: Microsoft Yahei; display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 15%;float: left; } .m_out img{display: block;width: 100%;} .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: #fff;top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 50px;float: right; max-width: 50px;margin-right: 3%;} .m_out img{display: block;width: 100%;} .wow{opacity: 1;} .m_navbox{width: 100%;box-sizing: border-box;float: right;background: #fff;height: calc(100% - 80px);box-sizing: border-box;padding: 20px 0 ;overflow: auto; box-sizing: border-box;} .m_navbox div,.m_navbox a{color: #666;display: block;} .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;} .m_navbox div,.m_navbox a.ltp{font-size: 18px;line-height: 30px;padding: 10px 0;display: block;} .m_navbox li>div:nth-child(1) ,.m_navbox a.ltp{padding: 10px 30px 10px 50px;position: relative;} .m_navbox li>div:nth-child(1):after,.m_navbox a.ltp:after{content: '';display: block;width: 5px;height: 20px;background: #1b62ce;position: absolute;top: 50%;margin-top: -10px;left: 30px;} .m_navbox li>div:nth-child(1){background: url(../images/plus.png) 95% center no-repeat ;background-size: 16px;} .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) 95% center no-repeat;} .m_navbox div.lbt{padding: 5px 50px;display: none;border-bottom: 1px solid #1b62ce;} .m_navbox li.act>div:nth-child(1){color: #1b62ce;} .m_navbox li.act>div:nth-child(1):after{background:#1b62ce; } .m_navbox .lange{text-align: center;} .m_navbox .lange a{display: inline-block;margin: 0 10px;} .m_navbox li.lang {padding: 10px;} .m_navbox li.lang > a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;} .m_navbox li.se{padding:10px 30px ;} .m_navbox li.se input{display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border:none;outline: none;padding: 0 10px;border-bottom: 1px solid #ddd;} .m_navbox li.se a{display: block;width: 40px;float: right;padding: 0;} .m_navbox li.se a img{display: block;width: 20px;margin: 10px;} .box,.ibox{padding: 0 5%;min-width: 200px;width: 100%;} .head{display: none;} .i2,.i5,.vi2{padding: 50px 0;} .i5 .ibtm .ilt{width: 100%;} .i5 .ibtm .irt{display: none;} .i5 .ibtm .ilt a{padding: 30px 0;} .footer1,.nheighr,.banner_nav{display: none;} .ab1 .itop{margin-top: 30px;} .pt100{padding-top: 50px;} .vi1 .itop{margin: 30px 0;} .do1 .dl1 dd .li .dbtn a{font-size: 12px;} .prc1 .img{width: 53%;} .prc1 .plt{padding: 0;} .prc1{min-height: 300px;} .cas1,.con1{padding-bottom: 50px;} .tec1 .ttop .tlt{display: none;} .tec1 .ttop .trt{float: none;margin: 0 auto;width: 100%;} .tec1 .ttop .trt .txt{padding-top: 50px;} .tec2{padding: 50px 0;} .con1 .ctop .clt,.con1 .ctop .crt{width: 100%;float: none;} .ab5{padding: 50px 0;} } @media(max-width:960px){ .i1 .ibtm .ilt,.i1 .swiper1 .sbox .pimg{display: none;} .i1 .swiper1 .sbox .mimg{display: block;} .i1 .ibtm .irt{width: 100%;float: none;text-align: center;} .i1 .ibtm .irt .pagination1{float: none;} .i2, .i5, .vi2{padding: 30px 0;} .i2 .irt{width: 100%;float: none;position: static;border-radius: 0;} .i2 .ilt{width: 100%;margin-top: 30px;} .i2 .ilt .tc{margin: 10px 0;} .i2 .ilt .ul1 li{width: 33.33%;} .i2 .ilt .ul1{margin-bottom: 30px;} .more{margin: 0 auto;} .i2 .swiper2{display: none;} .i3 .itop .ilt,.i2 .ilt .tt{width: 100%;padding-top: 0;float: none;text-align: center;line-height: 1.5;} .i3 .itop .irt{padding: 20px ;width: 100%;float: none;margin-top: 20px;} .i3 .ibtm{margin-top: 20px;padding: 0;position: static;} .i3 .ibtm .ul1 li img{display: none;} .i3 .ibtm .ul1 li ,.i3 .ibtm .ul1 li.act{width: 33.33%;height: 40px;overflow: hidden;} .i3 .ibtm .ul1 li .ltt{position: static;width: 100%;line-height: 40px;background: #ddd;font-size: 16px;padding: 0;text-align: center;} .i3 .ibtm .ul2 li{padding: 20px 0;} .i3 .ibtm .ul1 li.act .ltt{background: #1b62ce;} .i3 .ibtm .ul2 li .swiper3 a .slt{float: none;margin: 0 auto;} .i3 .ibtm .ul2 li .swiper3 a .srt{width: 100%;float: none;margin-top: 20px;padding: 0 5% 20px;text-align: center;} .i4 .itop .ilt,.i5 .itop .ilt{width: 100%;float: none;text-align: center;} .i3 .ibtm .ul2{position: static;} .i4 .itop .ilt{text-align: center;} .i4 .itop .irt,.i5 .itop .irt{display: none;} .i4 .ibtm{width: 100%;padding: 0;margin: 0 auto;} .i4 .ibtm .swiper4{padding-top: 10px;} .i5 .itop{line-height: 1;margin-bottom: 15px;} .i5 .ibtm .ilt a{padding: 15px 0;} .footer2{line-height: 30px;padding: 20px 0;text-align: center;} .footer2 .flt,.footer2 .frt{float: none;} .banner .mimg{display: block;} .banner .pimg{display: none;} .banner .inner{text-align: center;} .banner .inner .xian{display: none;} .nav{display: none;} .ab1{padding: 30px 0 0;} .ab1 .itop .ilt{width: 100%;float: none;} .ab1 .itop{margin-top: 20px;} .ab1 .itop .ilt .itc{margin: 10px 0 20px;height: 250px;} .ab1 .itop .irt{position: static;width: 100%;} .pt100{padding-top: 30px;} .ab2 .ul1 li{width: 100%;float: none;margin-top: 20px;} .ab2 .ul1 li .a {background: rgba(0, 0, 0, 0.5);} .ab2 .ul1 li .a .xian{width: 90%;height: 90%;top: 5%;left: 5%;} .ab2 .ul1 li .a .abox{top: 50%;opacity: 1;} .ab2 .ul1 li .btxt{opacity: 0;bottom: -100%;} .ab3 .ul1{margin-top: 30px;} .ab3 .ul1 li .img{width: 100%;float: none;} .ab3 .ul1 li .txt{position: static;width: 100%;transform: translateY(0%);-webkit-transform: translateY(0%);padding: 20px 5%;} .ab3 .swiper5 .swiper-slide .sbox{height: 50px;margin-top: 20px;padding-top: 0;} .ab3 .swiper5 .swiper-slide .sbox{padding: 0;text-align: center;} .ab3 .swiper5 .swiper-slide .sbox:before{display: none;} .ab3{padding-bottom: 30px;} .ab4 .ilt{width: 100%;float: none;} .ab4 .itop{margin: 20px 0;} .ab4 .irt{width: 100%;float: none;padding: 20px 0;} .ab5{padding: 30px 0 0;} .ab5 .itop span .img{width: 50px;} .ab5 .itop span{height: 200px;} .ab5 .itop{margin: 20px 0 30px;} .ab5 .ul1 .li1 .llt{width: 100%;float: none;display: flex;justify-content: center;flex-wrap: wrap;} .ab5 .ul1 .li1 .lrt{width: 100%;float: none;margin-top: 20px;} .ab5 .ul1 .li1 .llt img,.ab5 .ul1 .li2 .llt img{display: none;} .ab5 .ul1 .li2 .llt{width: 100%;float: none;text-align: center;} .ab5 .ul1 .li2 .llt .num{float: none;margin: 0;} .ab5 .ul1 .li2 .lrt{width: 100%;float: none;margin-top: 20px;} .ab5 .ul1 .li2 .ltc{width: 100%;float: none;padding: 0 0 30px;margin-top: 20px;} .ab6{padding: 30px 0;} .ab6 .dl1{margin-top: 20px;} .ab6 .dl1 dt,.ab6 .dl1 dd .dtp{padding: 0;} .ab6 .dl1 dt span,.ab6 .dl1 dd .dtp span{width: 33.33%;text-align: center;} .ab6 .dl1 dt span:nth-child(n + 4),.ab6 .dl1 dd .dtp span:nth-child(n + 4){display: none;} .ne1{padding: 30px 0;} .ne1 .ul1 li {height: auto;margin: 20px 0;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .ne1 .ul1 li .img,.ne1 .ul1 li .nlt{width: 100%;float: none;} .ne1 .ul1 li .nlt{padding: 20px 5%;} .ne1 .ul1 li .nlt .more{display: none;} .ne1 .ul1 li .nrt{width: 100%;float: none;text-align: center;padding: 0 ;} .ne1 .ul1 li .nrt .year{text-align: center;line-height: 30px;} .ne1 .ul1 li .nlt{padding-bottom: 0;} .page1{display: none;} .page2{display: block;text-align: center;} .newc1{padding: 30px 0;} .newc1 .nbtn a{width: 100%;} .newc1 .nbtn .fh{position: static;margin: 20px auto 0;} .newc1 .nbtn .fh {background: #1b62ce url(../images/3_4_2.png) 90% center no-repeat;color: #fff;} .vi1{padding: 30px 0;} .vi1 .itop{margin: 20px 0;} .vi1 .itop .ilt{width: 100%;float: none;height: auto;} .vi1 .itop .ilt img{width: 100%;height: auto;} .vi1 .itop .irt{width: 100%;float: none;padding: 20px 5%;height: auto;margin-top: 20px;} .vi1 .itop .irt .itc{padding: 30px 0;margin-top: 20px;} .z_tanchuang .tbox .modal{padding: 10px;} .z_tanchuang .tbox .modal .out{right: 0;top: -50px;} .vi2 .swiper6{padding-bottom: 30px;} .vi2 .swiper6 .swiper-slide .sbox{background: #fff;} .vi2 .swiper6 .swiper-slide .sbox .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .do1{padding: 30px 0;} .do1 .dl1{padding: 20px 0;} .do1 .dl1 dt .drt{display: none;} .do1 .dl1 dt{margin-bottom: 20px;} .do1 .dl1 dd{display: block;overflow: auto;padding-bottom: 0px;} .do1 .dl1 dd .dbox{float: left;margin-right: -999em;} .do1 .dl1 dd .li{width: 335px;margin-right: 20px;} .do1 .dl1 dd::-webkit-scrollbar{ height:4px;} .do1 .dl1 dd::-webkit-scrollbar-thumb{ background:#1b62ce;} .do1 .dl1 dd::-webkit-scrollbar-track{ background:#eee;} .pr1 .ul1{margin: 30px 0;} .pr1 .ul1 li,.pr1 .ul1 li:nth-child(2n){width: 100%;height: auto;left: 0;margin-bottom: 20px;} .pr1 .ul1 li .lrt,.pr1 .ul1 li:nth-child(2n) .lrt{width: 100%;float: none;height: auto;} .pr1 .ul1 li .lrt img{width: 100%;height: auto;} .pr1 .ul1 li .llt,.pr1 .ul1 li:nth-child(2n) .llt{position: static;width: 100%;float:none;padding: 20px 5%;border:1px solid #ddd;height: auto;} .pr1 .ul1 li .llt .txt{width: 100%;} .pr1{overflow: hidden;} .prc1{padding: 30px 0;} .prc1 .img{width: 100%;position: static;} .prc1 .plt{width: 100%;float: none;margin-top: 20px;} .prc2{padding: 80px 0 30px;} .prc2 .pbtn span{margin: 0 10px;} .prc2 .ubox{padding: 20px 5%;} .prc2 .ubox .ul1 li{padding: 10px 5%;line-height: 40px;} .prc2 .ubox .ul1 li .llt,.prc2 .ubox .ul1 li .lrt{width: 100%;float: none;padding: 0;} .prc2 .ubox .ul1 li .llt{margin-right: 10px;} .cas1, .con1{padding: 30px 0;} .cas1 .ctop{height: auto;} .cas1 .ctop .img{width: 100%;height: auto;float: none;} .cas1 .ctop .img img{display: block;width: 100%;height: auto;} .cas1 .ctop .crt{width: 100%;float: none;padding: 20px 5%;} .cas1 .ctop .crt .ctc{margin-top: 15px;} .cas1 .ul1{margin-top: 20px;} .cas1 .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .cas1 .ul1 li{-moz-box-shadow:0px 1px 8px #ddd; -webkit-box-shadow:0px 1px 8px #ddd; box-shadow:0px 1px 8px #ddd;} .cas1 .ul1 li .txt{padding-left: 20px;} .tec1{padding: 30px 0;} .tec1 .ttop .trt .txt{padding: 20px 0;line-height: 1.5;} .tec1 .ttop .trt .txt .rtt s{display: none;} .tec1 .ttop .trt .txt .rtt{text-align: center;} .tec1 .ttop .trt .txt .rtc{margin-top: 10px;} .tec1 .ttop .trt .ul1 li .img{width: 40px;} .tec1 .ttop .trt .ul1 li{font-size: 12px;line-height: 1.5;} .tec1 .ttop .trt .ul1 li{height: 120px;} .tec1 .ttop .trt .ul1 li:nth-child(n + 4){padding-top: 20px;} .tec2{padding: 30px 0;background: transparent;} .tec2 .ttop .tlt{width: 100%;padding: 0;overflow: auto;padding-bottom: 10px;float: none;} .tec2 .ttop .tlt .tbox{float: left;margin-right: -999em;} .tec2 .ttop .tlt span{float: left;width: auto;padding: 0 20px;background: #eee;margin: 0;border-radius: 0;} .tec2 .ttop{height: auto;margin-top: 20px;} .tec2 .ttop .tlt span.act{background: #1b62ce;} .tec2 .ttop .tlt::-webkit-scrollbar{ height:4px;} .tec2 .ttop .tlt::-webkit-scrollbar-thumb{ background:#1b62ce;} .tec2 .ttop .tlt::-webkit-scrollbar-track{ background:#eee;} .tec2 .ttop .ul1{width: 100%;float: none;margin-top: 20px;} .tec2 .ttop .ul1 li{width: 100%;height: auto;padding: 20px 5%;} .tec2 .ttop .ul1 li:nth-child(1){position: relative;} .tec3{padding: 0 0 30px;} .tec3 .ttop{background: #fff;height: auto;} .tec3 .ttop .txt{position: static;width: 100%;padding: 0;} .tec3 .ttop .txt{height: auto;} .con1 .ctop{margin: 20px 0;padding: 20px 0;} .con1 .ctop .clt, .con1 .ctop .crt{border:0;} .con1 .ctop .crt li img{margin: 0 auto;float: none;} .con1 .ctop .crt li a,.con1 .ctop .crt li.li1 a{padding: 0;display: block;width: 100%;float: none;text-align: center;} .con1 .ctop .crt li{margin: 20px 0 0 ;} .con1 .map{height: 250px;} .i2new{padding: 30px 0;} .i2new .ul1{padding: 20px 0;} .i2new .ul1 li{width: 50%;padding: 0 ;text-align: center;margin-bottom: 20px;} .i2new .ul1 li .num .counter{font-size: 24px;} .i2new .ul1 li .ltt{margin-top: 10px;font-size: 16px;} .i2new .itop .irt{padding: 0;} .i2new .itop .ilt{padding: 20px 5%;position: static;width: 100%;} .i2new .itop .ilt .more2{margin-top: 20px;} .i3 .ibtm .ul1{margin-bottom: 0;} .i4 .itop{margin: 0;height: 0;overflow: hidden;} .i6 > img{display: none;} .i6 .itp{position: static;} .i6 .ilt{width: 100%;padding: 30px 0;} .i6 .irt{position: static;width: 100%;display: none;} .i6 .irt2{display: block;padding: 0 5% 30px;} .i6 .irt2 img{display: block;width: 33.33%;float: left;background: #fff;} .ab5 .ul1 .li1 .llt .tc{} }