/* 前端白明明 */ *,*: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-top: 82px; width: 100%;color: #444;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; 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: #444;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;cursor: pointer;} 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_31{ 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;} .block {display: block !important;} .none {display: none !important;} .BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;} .a_dw{position: relative;top: -100px;} .box {max-width:1400px;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;} .prc2 .box{display:flex;} .prc2 .box a{flex:1;} .ibox {padding: 0 8.3%; 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;margin: 30px 0 0;text-align: center; display: flex; width: 100%;justify-content: center;} .page1 span{color: #2d4253;width:40px;height: 38px;} .page1 span input{display: inline-block;width:40px;height: 38px;text-align: center;outline: none;} .page1 span a{display: block; color:#2d4253; text-decoration:none; font-size: 18px;position: relative; line-height: 38px;} .page1 span a:hover,.page1 span.current a{ font-size: 26px; color:#183884;} .page1 span a img{opacity: 1; width: 100%; height: 100%; display: block;} .page1 span a img:last-child { opacity: 0; position: absolute;top: 0px;left: 0px;} .page1 span a:hover img{opacity: 0;} .page1 span a:hover img:last-child {opacity: 1;} .page1 span{margin:2px 5px;} .page2{width: 120px;height: 40px;background: #183884;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;} /* .page1{clear:both; text-align:center; height: 45px;margin: 30px 0 0;text-align: center;} .page1 span{color: #999;} .page1 span input{display: inline-block;width:40px;height: 38px;border: 1px solid #ddd;text-align: center;outline: none;} .page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;background: #fff;border: 1px solid #ddd;} .page1 span a:hover,.page1 span.current a{ background:#da251d; color:#fff;} .page1 span{margin:2px 5px;} .page2{width: 120px;height: 40px;background: #da251d;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-height: 600px;margin: 0 auto;height: 60vh;} .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-height: 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);}} .img_tanchuang .tbox .modal,.img_tanchuang .tbox .modal .img{max-width: 1600px;} @keyframes big {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}80% {opacity: 1;}100% {transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0.3;}} @-webkit-keyframes big {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}80% {opacity: 1;}100% {transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0.3;}} /*头部*/ .head{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;background: #fff;min-width: 1280px;height: 82px;} .head::after{content: '';display: block;width: 100%;height: 1px;background: #eee;position: absolute;left: 0;bottom: 0;z-index: 9;pointer-events: none;} .head .htop{line-height: 36px;border-bottom: 1px solid #eaeaea;color: #999;} .head .htop .gp{float: left;} .head .htop .frt{float: right;} .head .htop .frt .yy{display: block;float: left;padding: 0 20px 0 30px;margin-right: 20px; background: url(../images/yy.png) left center no-repeat;color: #999;position: relative;} .head .htop .frt .yy:after{content: '';display: block;width: 1px;height: 14px;background: #e0e0e0;position: absolute;right: 0;top: 50%;margin-top: -7px;} .head .htop .frt .dh{color: #d9251c;float: right;background: url(../images/dh.png) center left no-repeat;padding-left: 30px;} .head .htop .frt .yy:hover{color: #d9251c;} .head .abtn{width: 100%;height: 82px;} .head .abtn .ibox{height: 100%;} .head .abtn .ibox{ padding: 0 1%; } .head .abtn .logo{display: block;float: left;position: relative;height: 100%;} .head .abtn .logo img{display: block;position: relative;top: 50%;margin-top: -27px;} .head .abtn .yjdh{display: block;float: right;} .head .abtn .yjdh a{display: block;float: left;color: #333;margin-right: 55px;line-height: 82px;height: 82px;position: relative;} .head .abtn .yjdh a:hover,.head .abtn .yjdh a.act{color: #d9251c;} .head .abtn .yjdh a:after{content: '';display: block;width: 100%;height:3px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;} .head .abtn .yjdh a.act:after{background: #d9251c;} .head .abtn .ss{width: 24px;height: 100%;float: right;position: relative;} .head .abtn .ss .ssp{width: 100%;height: 100%;background: url(../images/ss5.png) center no-repeat;background-size: 24px;cursor: pointer;} .head .abtn .ss .ssp.act{background: url(../images/ss6.png) center no-repeat;} .head .abtn .ss .sbtn{display: block;width: 280px;height: 0px;background: #fff;border-radius: 5px;position: absolute;right: 0;top: 90px;padding: 0;overflow: hidden;} .head .abtn .ss .sbtn input{display: block;width: calc(100% - 90px);float: left;height: 100%;border: 0;outline: #d9251c;padding-left: 10px;} .head .abtn .ss .sbtn a{display: block;width: 80px;height: 100%;float: right;background: #d9251c url(../images/ss4.png) center no-repeat;border-radius: 5px;} .head .abtn .ss .sbtn.act{height: 40px;padding: 4px;} .head .abtn .sc{float:right; width:24px;display:block; height: 100%;margin-left: 20px;} .head .abtn .sc .img{ width: 100%; background-image:url(../images/sc_1.png); background-repeat:no-repeat; background-position:top 20px center; background-size:24px;cursor:pointer;height: 100%; font-size: 12px; line-height: 100px; color: #da251d; } .head .htop{display: none;} .head .abtn .yy{ display: block; float: right; padding: 0 20px 0 30px; margin-left: 28px; background: url(../images/yy.png) left center no-repeat; color: #999; position: relative; height: 100%; display: flex; align-items: center; } /* 手机版头部 */ .m_head .ss{width: 24px;height: 100%;float: right;position: relative;} .m_head .ss .ssp{width: 100%;height: 100%;background: url(../images/ss5.png) center no-repeat;background-size: 32px;cursor: pointer;} .m_head .ss .ssp.act{background: url(../images/ss6.png) center no-repeat;} .m_head .ss .sbtn1{display: block;width: 280px;height: 0px;background: #fff;border-radius: 5px;position: fixed;right: 0;top: 52px;padding: 0;overflow: hidden;} .m_head .ss .sbtn1 input{display: block;width: calc(100% - 90px);float: left;height: 100%;border: 0;outline: #d9251c;padding-left: 10px;} .m_head .ss .sbtn1 a{display: block;width: 80px;height: 100%;float: right;background: #d9251c url(../images/ss4.png) center no-repeat;border-radius: 5px;} .m_head .ss .sbtn1.act{height: 40px;padding: 4px;} .hheigth{width: 100%;height: 100px;} .head.act{border-bottom: 1px solid #eaeaea;} .head.act .abtn{height: 64px;} .head.act .abtn .yjdh a{line-height: 64px;} .head.act .abtn .ss .sbtn {top: 70px;} .hbtm{position: fixed;width: 1200px;top: 82px;right: 12%;z-index: 8;background: #fff;border-radius: 5px;-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);visibility: hidden;opacity: 0;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;pointer-events: none;} .hbtm .ul1 li{display: none;padding: 20px 0 ;position: relative;} .hbtm .ul1 li .hbox{width: 100%;margin: 0 auto;} .hbtm .ul1 li.act2{display: block;} .hbtm .ul1 li .llt{display: flex;font-size: 14px;} .hbtm .ul1 li .llt a{display: block;line-height: 20px;padding: 0 25px;background: #fff url(../images/1_9_3.png) 90% center no-repeat;color: #444;} .hbtm .ul1 li .llt a:hover{background: url(../images/1_9_4.png) 95% center no-repeat;color: #da251d;} .hbtm .ul1 li.li_cp{width:100%;margin: 0 auto;} .hbtm .ul1 li.li_cp .lbox{width: 100%;max-width: 1100px;margin: 0 auto; } .hbtm .ul1 li.li_cp .lbox .lidl1{display: flex;justify-content: center;line-height: 1;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd{min-width: 17%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd:first-child{min-width: 15%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dt{margin-bottom: 17px;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dt a{display: block;color: #d9251c;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd > a{display: block;margin-top: 12px;color: #444;} .dsj{font-size: 10px;padding-left: 10px;position: relative;} .dsj::after{content: "";position: absolute;width: 1px ;height: 250%;top: 0;left: 0;border-left: 1px solid #ccc;} .dsj:last-child::after{height: 100%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd > a:hover{color: #d9251c;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd:nth-child(2){min-width: 36%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd:nth-child(3){min-width: 20%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd:nth-child(4){min-width: 18%;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2{} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt{width: 50%;float: left;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .title{display: block;margin-bottom: 12px;color: #444;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .title:hover{color: #d9251c;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .titc{padding-left: 8px;border-left: 1px solid #ccc;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .titc a{display: block;margin-bottom: 10px;line-height: 1;font-size: 12px;color: #444;position: relative;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .titc a:after{content: '';display: block;width: 1px;height: 100%;background: #d9251c;position: absolute;top: 0;left: -8px;opacity: 0;-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);} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .titc a:hover:after{opacity: 1;left: -9px;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlalt .titc a:hover{color: #d9251c;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddla_bt{margin-top: 20px;} .hbtm .ul1 li.li_cp .lbox .lidl1 dd .dd2 .ddlart{width: 100%;} .hbtm .ul1 li.li_cp2 .lbox .lidl1 dd:nth-child(1){min-width: 16%;} .hbtm .ul1 li.li_cp2 .lbox .lidl1 dd:nth-child(2){min-width: 16%;} .hbtm .ul1 li.li_cp2 .lbox .lidl1 dd:nth-child(3){min-width: 16%;} .hbtm .ul1 li.li_cp2 .lbox .lidl1 dd:nth-child(4){min-width: 16%;} .hbtm .ul1 li.li_cp3 .lbox .lidl1 dd:nth-child(1){min-width: 22%;} .hbtm .ul1 li.li_cp3 .lbox .lidl1 dd:nth-child(2){min-width: 22%;} .hbtm .ul1 li.li_cp3 .lbox .lidl1 dd:nth-child(3){min-width: 22%;} .hbtm .ul1 li.li_cp3 .lbox .lidl1 dd:nth-child(4){min-width: 22%;} .hbtm .ul1 li.li_cp3 .lbox .lidl1 dd .dd > a{font-size: 12px;} .hbtm.act2{visibility: visible;opacity: 1;pointer-events: visible;} /* 语言切换 */ .inter{position: fixed;width: 200px;top: 84px;right: 2%;z-index: 8;background: #fff;border-radius: 5px;-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);visibility: hidden;opacity: 0;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .inter.act{visibility: visible;opacity: 1;} .inter .inter-wra{ } .inter .inter-wra>a{ display:block;width:100%;height:40px;line-height:40px; text-align:center;} /* 首页 */ /*轮播*/ .i1{position: relative;overflow: hidden;} .i1 .swiper1{} .i1 .swiper1 .swiper-slide .sbox{position: relative;overflow: hidden;} .i1 .swiper1 .swiper-slide .sbox a{display: block;} .i1 .swiper1 .swiper-slide .sbox img{display: block;width: 100%;} .i1 .swiper1 .swiper-slide .sbox img.pimg{width: 1920px;max-width: 1920px;} .i1 .swiper1 .swiper-slide .sbox img.mimg{display: none;} .i1 .swiper1 .swiper-slide .sbox video{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;max-height: 100%;object-fit: cover;} .i1 .swiper1 .rbox{position: absolute;top: 44%;left: 4%;width: 64px;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 5;opacity:0.6;} .i1 .swiper1 .rbox .dian{} .i1 .swiper1 .rbox .dian li{width: 20px;height: 20px;background: url(../images/1_6.png) center no-repeat;position: relative;margin: 35px auto;cursor: pointer;} .i1 .swiper1 .rbox .dian li .d_right{width: 10px;height: 0px;position: absolute;top: 0;right: 0;overflow: hidden;} .i1 .swiper1 .rbox .dian li .d_right span{display: block;width: 20px;height: 20px;border:1px solid #555;border-radius: 50%;position: absolute;top: 0;right: 0;} .i1 .swiper1 .rbox .dian li .d_left{width: 10px;height: 0px;position: absolute;bottom: 0;left: 0;overflow: hidden;} .i1 .swiper1 .rbox .dian li .d_left span{display: block;width: 20px;height: 20px;border:1px solid #555;border-radius: 50%;position: absolute;bottom: 0;left: 0;} .i1 .swiper1 .rbox .dian li.act .d_right{height: 20px;-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;} .i1 .swiper1 .rbox .dian li.act .d_left{height: 20px;-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;transition-delay: 1.5s;-webkit-transition-delay: 1.5s;} .i1 .swiper1 .rbox .xian{width: 1px;height: 55px;margin: 20px auto;background: #fff;opacity: .5; display:none;} .i1 .swiper1 .rbox .num{color: #fff;text-align: center; display:none;} .i1 .swiper1 .rbox .num .x{margin: 0 5px;} .i1 .swiper1 .rbox .num .s1{color: #da251d;} .i1 .ul1{width: calc(100% - 160px);position: absolute;left: 80px;bottom: 35px;z-index: 5;} .i1 .ul1 li{width: 19%;float: left;height: 80px;position: relative;padding: 20px 30px; background: rgba(255,255,255,0.6); z-index: 3;margin-right: 0.266%;border-radius: 5px;overflow: hidden;} .i1 .ul1 li:last-child{margin-right: 0;} .i1 .ul1 li a{display: block;} .i1 .ul1 li a .llt{width: calc(100% - 50px);float: left;opacity:0.8;} .i1 .ul1 li a .llt .ltt{color: #000;} .i1 .ul1 li a .llt .ltc{color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 10px;height:20px;} .i1 .ul1 li a .img{width: 40px;float: right;height: 60px;overflow: hidden;position: relative;margin-top: -8px;margin-right: 10px;} .i1 .ul1 li a .img img{display: block;width: 100%;} .i1 .ul1 li a .img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .i1 .ul1 li s{display: block;width: 0%;height: 3px;position: absolute;bottom: 0;left: 0;z-index: -1;background: #da251d;} .i1 .ul1 li:hover s{width: 100%;} .i1 .ul1 li:hover .llt .ltt,.i1 .ul1 li:hover .llt .ltc{color: #da251d;} .i2{padding-top: 50px;color: #4c4c4c;} .i2 .en{margin: 14px 0 46px;color: #999;} .i2 .icont{position: relative;overflow: hidden;padding-left: 37.5%;background: #183884;color: #fff;} .i2 .icont .irt{position: relative;overflow: hidden;background: url(../images/1_7bg.png) center no-repeat;background-size: cover;} .i2 .icont .irt > img{} .i2 .icont .irt .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);} .i2 .icont .irt .ul1 li{width: 90px;height: 90px;background: rgba(255, 255, 255, 0.4);padding: 22px;border-radius: 50%;position: absolute;cursor: pointer;} .i2 .icont .irt .ul1 li .img{width: 46px;height: 46px; position: relative;overflow: hidden; background: #fff;border-radius: 50%;} .i2 .icont .irt .ul1 li .xian{position: absolute;bottom: 100%;right: 45px;width: 115px;pointer-events: none;} .i2 .icont .irt .ul1 li .xian img:nth-child(2){position: absolute;top: 0;right: 0;opacity: 0;} .i2 .icont .irt .ul1 li .xian .wenben{position: absolute;top: -15px;right: 100%;width: 145px;line-height: 40px;text-align: center;color: #183884;border-radius: 30px;} .i2 .icont .irt .ul1 li.li_1{left: 18%;top: 51%;} .i2 .icont .irt .ul1 li.li_2{left: 45%;top: 38%;} .i2 .icont .irt .ul1 li.li_3{left: 52.5%;top: 17%;} .i2 .icont .irt .ul1 li.li_4{left: 70%;top: 38%;} .i2 .icont .irt .ul1 li.li_5{left: 59%;top: 28%;} .i2 .icont .irt .ul1 li.li_2 .xian{right: 90%;bottom: 45px;} .i2 .icont .irt .ul1 li.li_4 .xian{right: auto;left: 50%; bottom: 100%;} .i2 .icont .irt .ul1 li.li_4 .xian .wenben{right: auto;left: 100%;} .i2 .icont .irt .ul1 li:hover,.i2 .icont .irt .ul1 li.act{background: rgba(218, 37, 29, 0.4);} .i2 .icont .irt .ul1 li:hover .img,.i2 .icont .irt .ul1 li.act .img{background: #da251d;} .i2 .icont .irt .ul1 li:hover .img img:nth-child(1),.i2 .icont .irt .ul1 li.act .img img:nth-child(1){margin-top: -46px;} .i2 .icont .irt .ul1 li.act .xian .wenben{background: #db2c24;color: #fff;} .i2 .icont .irt .ul1 li.act .xian img:nth-child(2){opacity: 1;} .i2 .icont .ilt{position:absolute;top: 0;left: 0;width: 37.5%;height: 100%;overflow: hidden;background: #183884;z-index: 3;padding: 7% 4% 0 8.3%;} .i2 .icont .ilt .dl1{display: none;width: 100%;height: 100%;} .i2 .icont .ilt .dl1.act{display: block;} .i2 .icont .ilt .dl1 dt{} .i2 .icont .ilt .dl1 dt .swiper2{margin: 40px 0;padding-bottom: 40px;} .i2 .icont .ilt .dl1 dt .swiper2 .swiper-slide{width: auto;text-align: center;cursor: pointer;} .i2 .icont .ilt .dl1 dt .swiper2 .swiper-slide img{margin: 0 auto;} .i2 .icont .ilt .dl1 dt .swiper2 .swiper-slide .sbox{opacity: .5;display: block;color: #fff;} .i2 .icont .ilt .dl1 dt .swiper2 .swiper-slide.act .sbox,.i2 .icont .ilt .dl1 dt .swiper2 .swiper-slide:hover .sbox{opacity: 1;} .i2 .icont .ilt .dl1 dd{position: relative;height: calc(100% - 300px);} .i2 .icont .ilt .dl1 dd .abox{width: 100%;height: 100%;min-height: 300px;max-width: 440px; overflow: auto;position: relative;padding-right: 40px;display: none;} .i2 .icont .ilt .dl1 dd .abox.act{display: block;} .i2 .icont .ilt .dl1 dd .abox a{display: block;width: 100%;line-height: 56px;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.3);background: url(../images/1_9_2.png) 95% center no-repeat;padding: 0 30px 0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .i2 .icont .ilt .dl1 dd .abox a:hover{background: #fff url(../images/1_9_1.png) 95% center no-repeat;color: #183884;border-radius: 5px;} .gdtshu::-webkit-scrollbar{ width:4px;height:4px;} .gdtshu::-webkit-scrollbar-thumb{ background:#fff;border-radius: 10px;} .gdtshu::-webkit-scrollbar-track{ background:rgba(255, 255, 255, 0.2);border-radius: 10px;} .i2 .icont .ilt .dl1 dd .abox::-webkit-scrollbar{ width:1px;height:1px;} .i3{padding-top: 50px;} .i3 .en{margin: 14px 0 46px;color: #999;} .i3 .ilt{width: 260px;float: left;} .i3 .irt{float: right;width: calc(100% - 500px);} .i3 .irt span{display: block;float: left;width: 16%;line-height: 50px;border:1px solid #ddd;border-radius: 5px;text-align: center;margin-right: 0.8%;cursor: pointer;color: #999;margin-bottom:20px;} .i3 .irt span:last-child{margin-right: 0;} .i3 .irt span.act,.i3 .irt span:hover{background: #183884;color: #fff;} .i3 .icont{padding: 50px 0;background: url(../images/1_10.png) center no-repeat;background-size: cover;} .i3 .icont dl{display: none;background: #f6f6f6;} .i3 .icont dl:nth-child(1){display: block;} .i3 .icont dl.dl1 dt{} .i3 .icont dl.dl1 dt a{display: block;float: left;width: 30%;overflow: hidden;background: #fff;} .i3 .icont dl.dl1 dt a:nth-child(1){width: 40%;} .i3 .icont dl.dl1 dt a:nth-child(2){background: #f0f0f0;} .i3 .icont dl.dl1 dt a .img{display: block;width: 100%;overflow: hidden;} .i3 .icont dl.dl1 dt a .img img{display: block;margin: 0 auto;} .i3 .icont dl.dl1 dt a .txt{display: block;line-height: 70px;padding: 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: #fff;position: relative;z-index: 2;} .i3 .icont dl.dl1 dt a:nth-child(2) .txt{background: #f0f0f0;} .i3 .icont dl.dl1 dt a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .i3 .icont dl.dl1 dt a:hover .txt{background: #da251d;color: #fff;font-weight: bold;} .i3 .icont dl.dl1 dd{position: relative;} .i3 .icont dl.dl1 dd a{display: block;float: left;width: 20%;overflow: hidden;} .i3 .icont dl.dl1 dd a:nth-child(2n){background: #fff;} .i3 .icont dl.dl1 dd a .img{display: block;width: 100%;overflow: hidden;} .i3 .icont dl.dl1 dd a .img img{display: block;margin: 0 auto;} .i3 .icont dl.dl1 dd a .txt{display: block;line-height: 70px;padding: 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: #f6f6f6;position: relative;z-index: 2;} .i3 .icont dl.dl1 dd a:nth-child(2n) .txt{background: #fff;} .i3 .icont dl.dl1 dd a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .i3 .icont dl.dl1 dd a:hover .txt{background: #da251d;color: #fff;font-weight: bold;} .i3 .icont dl.dl2 dt{width: 25%;height: 300px;float: left;background: #183884;color: #fff;padding: 40px 35px;text-align: justify;line-height: 1.8;} .i3 .icont dl.dl2 dt .dxian{width: 20px;height: 2px;background: rgba(255, 255, 255, 0.5);margin: 15px 0 20px;} .i3 .icont dl.dl2 dt .dtc{font-size: 14px;line-height: 2;} .i3 .icont dl.dl2 dd{width: 25%;float: left;height: 300px;overflow: hidden;background: #fff;position: relative;z-index: 2;} .i3 .icont dl.dl2 dd:before{content: '';display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 3;background: #d9251c;-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .i3 .icont dl.dl2 dd:hover:before{width: 100%;} .i3 .icont dl.dl2 dd:hover{z-index: 3;-moz-box-shadow:0px 2px 10px #DDDDDD; -webkit-box-shadow:0px 2px 10px #DDDDDD; box-shadow:0px 2px 10px #DDDDDD;} .i3 .icont dl.dl2 dd:nth-child(3),.i3 .icont dl.dl2 dd:nth-child(6),.i3 .icont dl.dl2 dd:nth-child(8){background: #f6f6f6;} .i3 .icont dl.dl2 dd a{display: block;} .i3 .icont dl.dl2 dd a .img{display: block;width: 100%;height: 230px;overflow: hidden;} .i3 .icont dl.dl2 dd a .img img{margin: 0 auto;height: 100%;} .i3 .icont dl.dl2 dd a .txt{line-height: 1;padding: 30px 20px 20px;text-align: center;} .i3 .icont dl.dl2 dd a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .i3 .icont dl.dl2 dd a:hover .txt{color: #d9251c;font-weight: bold;} .i3 .icont dl.dl3 dt{} .i3 .icont dl.dl3 dt .dlt{width: 33.33%;height: 340px;float: left;padding: 80px 50px;color: #fff;text-align: justify;line-height: 1.8;background: #183884;overflow: hidden;} .i3 .icont dl.dl3 dt a{display: block;float: left;width: 33.33%;background: #fff;position: relative;overflow: hidden;height: 340px;z-index: 2;} .i3 .icont dl.dl3 dt a:before{content: '';display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 3;background: #d9251c;-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .i3 .icont dl.dl3 dt a:hover:before{width: 100%;} .i3 .icont dl.dl3 dt a:hover{z-index: 3;-moz-box-shadow:0px 2px 10px #DDDDDD; -webkit-box-shadow:0px 2px 10px #DDDDDD; box-shadow:0px 2px 10px #DDDDDD;} .i3 .icont dl.dl3 dt a .img{width: 100%;height: 230px;padding-top: 30px;} .i3 .icont dl.dl3 dt a .img img{display: block;margin: 0 auto;} .i3 .icont dl.dl3 dt a .txt{line-height: 1;padding: 70px 20px 20px;text-align: center;} .i3 .icont dl.dl3 dt a:nth-child(2n){background: #f9f9f9;} .i3 .icont dl.dl3 dt .dxian{width: 20px;height: 2px;background: rgba(255, 255, 255, 0.5);margin: 15px 0 20px;} .i3 .icont dl.dl3 dt a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .i3 .icont dl.dl3 dt a:hover .txt{color: #da251d;font-weight: bold;} .i3 .icont dl.dl3 dd{} .i3 .icont dl.dl3 dd .dlt{width: 40%;height: 300px;overflow: hidden;float: left;} .i3 .icont dl.dl3 dd .dlt img{height: 100%;max-width: auto;} .i3 .icont dl.dl3 dd a{display: block;width: 20%;height: 300px;float: left;background: #e5e5e5;} .i3 .icont dl.dl3 dd a:nth-child(2n){background: #fff;} .i3 .icont dl.dl3 dd a .img{display: block;width: 100%;height: 230px;} .i3 .icont dl.dl3 dd a .txt{line-height: 70px;padding: 0 20px;} .i3 .icont dl.dl3 dd a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .i3 .icont dl.dl3 dd a:hover .txt{background: #da251d;color: #fff;font-weight: bold;} .i3 .icont dl.dl4 dd .dlt{width: 25%;height: 300px;float: left;padding: 20px 30px;color: #fff;text-align: justify;line-height: 1.8;background: #183884;} .i3 .icont dl.dl4 dd .dxian{width: 20px;height: 2px;background: rgba(255, 255, 255, 0.5);margin: 15px 0 20px;} .i3 .icont dl.dl4 dd .dtc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;max-height: 170px;} .i3 .icont dl.dl4 dd a{display: block;width:25%;height: 300px;float: left;background: #f9f9f9;overflow: hidden;position: relative;z-index: 2;} .i3 .icont dl.dl4 dd a:before{content: '';display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 3;background: #d9251c;-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .i3 .icont dl.dl4 dd a:hover{z-index: 3;-moz-box-shadow:0px 2px 10px #DDDDDD; -webkit-box-shadow:0px 2px 10px #DDDDDD; box-shadow:0px 2px 10px #DDDDDD;} .i3 .icont dl.dl4 dd a:hover:before{width: 100%;} .i3 .icont dl.dl4 dd a:nth-child(3),.i3 .icont dl.dl4 dd a:nth-child(5){background: #fff;} .i3 .icont dl.dl4 dd a .img{display: block;width: 100%;height: 100%;overflow: hidden;} .i3 .icont dl.dl4 dd a .img img{display: block;width:100%;opacity: 0;position: absolute;left: 0;bottom: 0;} .i3 .icont dl.dl4 dd a .txt{padding: 80px 20px 30px;position: absolute;left: 0;width: 100%;top: 0;height: 100%; z-index: 3;} .i3 .icont dl.dl4 dd a .txt .ico{width: 70px;position: relative;border: 2px solid #444;margin: 0 auto ;border-radius: 50%;z-index: 2;padding: 3px;} .i3 .icont dl.dl4 dd a .txt .ico img{display: block;width: 60px;border-radius: 50%;transform: scale(1);-webkit-transform: scale(1);} .i3 .icont dl.dl4 dd a .txt .ico img:nth-child(2){position: absolute;top: 3px;left: 3px;z-index: 2;opacity: 0;} .i3 .icont dl.dl4 dd a .txt .ico s{display: block;width:60px ;height: 60px;background: #d9251c;position: absolute;top: 3px;left: 3px;z-index: -1;border-radius: 50%;opacity: 0;} .i3 .icont dl.dl4 dd a .txt .att{margin: 12px 0 78px;font-weight: bold;text-align: center;} .i3 .icont dl.dl4 dd a .txt .amore{display: block;width: 85px;background: url(../images/1_9_3.png) center right no-repeat;color: #444;margin: 0 auto;} .i3 .icont dl.dl4 dd a:hover .img img{opacity: 1;} .i3 .icont dl.dl4 dd a:hover .txt .ico{border: 2px solid #d9251c;} .i3 .icont dl.dl4 dd a:hover .txt .ico img:nth-child(1){opacity: 0;} .i3 .icont dl.dl4 dd a:hover .txt .ico img:nth-child(2){opacity: 1;transform: scale(0.9);-webkit-transform: scale(0.9);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;} .i3 .icont dl.dl4 dd a:hover .txt .ico s{opacity: 1;} .i3 .icont dl.dl4 dd a:hover .txt .amore{color: #d9251c;background: url(../images/1_9_4.png) center right no-repeat;} .i3 .icont dl.dl5 dd .dlt{width: 33.33%;height:400px;padding: 90px 50px;} .i3 .icont dl.dl5 dd a{width: 33.33%;height: 400px;} .i3 .icont dl.dl5 dd a .txt{padding-top: 120px;} .i3 .icont dl.dl5 dd a .txt .ico{width: 90px;padding: 5px;} .i3 .icont dl.dl5 dd a .txt .ico img{width: 76px;} .i3 .icont dl.dl5 dd a .txt .ico s{width: 76px;height: 76px;top: 5px;left: 5px;} .i3 .icont dl.dl5 dd a .txt .ico img:nth-child(2){top: 5px;left: 5px;} .i3 .icont dl.dl5 dd a .txt .att{margin: 22px 0 108px;} .i1_ne {padding: 50px 0 ;background: #fff ;position: relative;z-index: 3;} .i1_ne .itp .ilt {width: 34%;float: left;} .i1_ne .itp .ilt img {display: block;max-width: 100%;} .i1_ne .itp .irt {width: 66%;float: right;text-align: justify;} .i1_ne .itp .irt .itc {line-height: 2;color: #555;} .i1_ne .itp .irt .ul1 {padding-top: 50px;} .i1_ne .itp .irt .ul1 li {width: 33.33%;float: left;color: #888;padding-left: 50px;border-left: 2px solid #dbdbdb;} .i1_ne .itp .irt .ul1 li .num {font-weight: bold;color: #da251d;font-size: 60px;margin-bottom: 25px;font-family: arial;} .i1_ne .itp2 {margin: 30px 0 50px;color: #666;} .i1_ne .itp .ilt{width: 230px;float: left;color: #4c4c4c;} .i1_ne .itp .ilt .en{color: #999;margin: 14px 0 46px;} .i1_ne .ibt .swiper3 {} .i1_ne .ibt .swiper3 .scrollbar3 {display: none;} .i1_ne .ibt .swiper3 .swiper-slide {width: 590px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .i1_ne .ibt .swiper3 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .i1_ne .ibt .swiper3 .swiper-slide a{display: block;} .i1_ne .ibt .swiper3 .swiper-slide a .img,.new1 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;} .i1_ne .ibt .swiper3 .swiper-slide a .img img{height: auto;width: 100%;display: block;} .i1_ne .ibt .swiper3 .swiper-slide a .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001); } .i1_ne .ibt .swiper3 .swiper-slide a .txt{padding: 30px 20px;background: #fff;position: relative;z-index: 2;} .i1_ne .ibt .swiper3 .swiper-slide a .txt .ltt{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5em;font-weight: bold; color: #222;height: 3em; margin-bottom: 10px;} .i1_ne .ibt .swiper3 .swiper-slide a .txt .ltc{ line-height: 1.5;color: #333;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 64px;} .i1_ne .ibt .swiper3 .swiper-slide a .txt .day{border-top:1px solid #e1e1e1; padding-top: 10px;color: #888; background: url(../images/jiantou.png) no-repeat right;} .i1_ne .ibt .swiper3 .swiper-slide:hover a .img img{transform: scale(1.09);-webkit-transform: scale(1.09);} /* .new1 .ul1 li:hover a .txt .ltt,.new1 .ul1 li:hover a .txt .ltc,.new1 .ul1 li:hover a .txt .day{color: #d9251c;} */ .i1_ne .ibt .swiper3 .swiper-slide:hover a .txt .day{color: #000; background: url(../images/jiantou_h.png) no-repeat right; } .i1_ne .ibt .swiper3 .swiper-slide:hover:before{width: 100%;} .i1_ne .prev3 {width: 70px;height: 70px;background-image: url(../images/1_11.png);left: 88px;margin-top: 0px;background-size: 70px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .i1_ne .next3 {width: 70px;height: 70px;background-image: url(../images/1_12.png);right: 88px;margin-top: 0px;background-size: 70px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .i1_ne .prev3:hover {background-image: url(../images/1_11_1.png);} .i1_ne .next3:hover {background-image: url(../images/1_12_1.png);} .i4 .box_i4{padding: 0 100px; } .i4 .ul2{display: flex;margin: 50px 0 20px;} .i4 .ul2 .li1{width: 66%;float: left; } .i4 .ul2 .li1 a{display: block; width: 100%; height: 100%;} .i4 .ul2 .li1 .i4_img {position: relative; width: 100%; height: 100%;} .i4 .ul2 .li1 .i4_img img{ width: 100%; /*height: 452px;*/ } .i4 .ul2 li .i4_img,.i4 .ul2 li .i4_img img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .i4 .ul2 li:hover .i4_img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul2 .li1 .i4_img .i4_txt{position:absolute;left: 0;bottom: 0;color: #fff; padding: 20px 35px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; line-height: 36px; background-color: rgba(0, 0, 0, 0.5);width: 100%;} .i4 .ul2 li .txt .i4_ltc{color: #333;line-height:1.6em;margin: 8px 0;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; word-break:break-all;height:2.6rem;flex:1;} .i4 .ul2 .li2{width: 32%;float: right;border:1px solid #ddd;background: #fff;margin-left: 2%;position: relative;overflow: hidden;} .i4 .ul2 .li2 a{display: block;height:100%} .i4 .ul2 .li2:last-child{margin-right: 0;} .i4 .ul2 .li2 .img{width:100%; height:auto;display:block;} .i4 .ul2 .li2 .img img{display: block; width:100%; height: 100%;} .i4 .ul2 .li2 .txt{padding: 13px 20px;height:51%;display:flex;flex-direction:column;} .i4 .ul2 .li2 .txt .ltt{ font-weight: bold; color: #333;line-height:1.75;height:3.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;flex:2;display:flex;align-items:center;} .i4 .ul2 .li2 .txt .ltc{color: #999;line-height:24px;margin: 10px 0 40px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 12px;height: 54px;display: none;} .i4 .ul2 .li2 .txt .day{line-height: 1; border-top: 1px solid #e1e1e1 ; padding-top:10px ;background: url(../images/jiantou.png) no-repeat right; flex:1;display:flex;align-items:center;} .i4 .ul2 .li2:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul2 .li2:hover .txt .day{background: url(../images/jiantou_h.png) no-repeat right;} .i4 .ul1{margin: 46px 0 50px;} .i4 .ul1 .li1{display: none;} .i4 .ul1 .li2{display: none;} .i4 .ul1 li{width: 32%;float: left;border:1px solid #ddd;background: #fff;margin-right: 2%;position: relative;overflow: hidden;} .i4 .ul1 li a{display: block; width: 100%;} .i4 .ul1 li:last-child{margin-right: 0;} .i4 .ul1 li .img,.i4 .ul1 li .img img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .i4 .ul1 li .img img{height: 100%; width: 100%;} .i4 .ul1 li .txt{padding: 20px;} .i4 .ul1 li .txt .ltt{color: #333;line-height:1.75;height:3.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .i4 .ul1 li .txt .ltc{color: #999;line-height:24px;margin: 10px 0 40px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 12px;height: 54px;display: none;} .i4 .ul1 li .txt .day{line-height: 1; border-top: 1px solid #e1e1e1 ; padding-top:10px ;background: url(../images/jiantou.png) no-repeat right; ;} .i4 .ul1 li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul1 li:hover .txt .day{background: url(../images/jiantou_h.png) no-repeat right;} /* .i4 .ul1 li:before{display: block;content: '';width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;background: #d9251c;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;transition: all 0.5s;} */ .i4 {overflow: hidden;padding: 50px 0;background: #f4f4f4;} .i4 .itp {position: relative;z-index: 7;} .i4 .itp .ilt{width: 230px;float: left;color: #4c4c4c;} .i4 .itp .ilt .en{color: #999;margin-top: 14px;} .i4 .itp .irt{width:200px;float: right;position: relative;z-index: 5;} .i4 .itp .irt a{display: block;line-height: 50px;border:1px solid #ddd;text-align: center;cursor: pointer;color: #666; margin-bottom: -1px;} .i4 .itp .irt .total{position: relative;cursor: pointer;} .i4 .itp .irt .total .tst1{ border: 1px solid #ddd;line-height: 3em;padding: 0 70px 0 38px; color: #666;} .i4 .itp .irt .total .tst2{display: none;width: 100%; z-index: 2;position: absolute;top: 49px; right: 0;background: rgba(240, 243, 247, 0.5);} .i4 .itp .irt .total .tst1:after {content: '';width: 19px;height: 10px;display: block;position: absolute;background: url(../images/xiala.png) no-repeat center/cover;right: 15px;top: 0;bottom: 0;margin: auto 0;transition: all .3s ease-in;} .i4 .itp .irt .total .tst1.on::after { transform: rotate(180deg);} .i4 .itp .irt a:hover{background: rgba(24, 56, 132, 1);color: #fff;} .i4 .ul1 li .txt .day{ } .i4 .more{display: block;width: 140px;line-height: 42px;border:1px solid #ddd;text-align: center;margin: 0 auto;border-radius: 5px;} .i4 .more:hover{background: #da251d;color: #fff;border:1px solid #da251d;} .i4 .ul1 li:hover:before{width: 100%;} /*.i4 .ul1 li:hover .txt .ltt{color: #d9251c;} */ .i4 .ul1 .li1 a{display: block; width: 100%; position: relative;} .i4 .ul1 .li1 .i4_img {position: relative; width: 100%;} .i4 .ul1 .li1 .i4_img img{width: 100%; } .i4 .ul1 li .i4_img,.i4 .ul1 li .i4_img img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .i4 .ul1 li:hover .i4_img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul1 .li1 .i4_img .i4_txt{position:absolute;left: 0;bottom: 0;color: #fff;font-weight: bold; margin: 40px 35px; } .i4 .ul1 li .txt .i4_ltc{color: #333;line-height:1.9em;margin: 10px 0 10px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin-bottom: 85px;height: 9.5em;} .i4 .ul1{margin: 20px 0; display: flex;flex-flow: row wrap;justify-content:space-between;} .i4 .ul1 li{width: 32%;float: left;border:1px solid #ddd;background: #fff;overflow: hidden;margin-bottom: 15px;} .i4 .ul1 li a{display: block; width: 100%;} .i4 .ul1 li:last-child{margin-right: 0;} .i4 .ul1 li .img,.i4 .ul1 li .img img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .i4 .ul2 .li2 .img,.i4 .ul2 .li2 .img img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .i4 .ul1 li .img img{height: 100%;width: 100%;} .i4 .ul1 li .txt{padding: 20px 20px 19px;} .i4 .ul1 li .txt .ltt{color: #222;line-height:31px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;margin-bottom: 20px;word-break:break-all;} .i4 .ul1 .li2 .txt .ltt{color: #222;line-height:1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;} .i4 .ul1 li .txt .ltc{color: #999;line-height:24px;margin: 10px 0 40px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 12px;height: 54px;display: none;} .i4 .ul1 li .txt .day{line-height: 1; border-top: 1px solid #e1e1e1 ; padding-top:10px ;background: url(../images/jiantou.png) no-repeat right;color: #888 ;} .i4 .ul1 li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul2 .li2:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .i4 .ul li:hover .txt .day{background: url(../images/jiantou_h.png) no-repeat right;} /* .i4 .ul1 li:before{display: block;content: '';width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;background: #d9251c;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;transition: all 0.5s;} */ .i4 .more{display: block;width: 140px;line-height: 42px;border:1px solid #ddd;text-align: center;margin: 0 auto;border-radius: 5px;} .i4 .ul1 li:hover:before{width: 100%;} .i4 .ul1 .li1{width: 66%; } .i4 .ul1 .li1 .txt .day{display: none;} /* 底部 */ .footer{padding: 85px 0 60px;background: #1f2024;color: #fff;} .footer .fbox{position: relative;} .footer .flt{width: 260px;float: left;line-height: 1.8;} .footer .flt .ss{width: 100%;height: 44px;border:2px solid #3c3c42;padding: 4px;margin: 15px 0 20px;border-radius: 3px;} .footer .flt .ss input{display: block;width: calc(100% - 100px);float: left;height: 100%;border:0;background: transparent;color: #fff;outline: none;} .footer .flt .ss a{display: block;width: 80px;text-align: center;line-height: 28px;background: #d9251c url(../images/ss4.png) center no-repeat;color: #fff;float: right;border-radius: 3px;height: 32px;} .footer .flt .ftc{color: #979798;} .footer .frt{width: 120px;float: right;text-align: center;color: #fff;} .footer .frt a{display: block;float: left;position: relative;width: 24px;margin-right: 22px;} .footer .frt a img{display: block;width: 100%;} .footer .frt a img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .footer .frt a:last-child{margin-right: 0;} .footer .frt .img{margin-top: 18px;} .footer .frt .img img{display: block;border-radius: 5px;} .footer .frt a:hover img:nth-child(2){opacity: 1;} .footer .ul1{width: calc(100% - 580px);position: absolute;top: 0;left: 55%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .footer .ul1 li{float: left;width: 18%;} .footer .ul1 li:last-child{width: 28%;} .footer .ul1 li a{display: block;width: 100%;color: #999;opacity: 0.6;margin-bottom: 10px;white-space: nowrap;} .footer .ul1 li a.f_16{opacity: 1;color: #ccc;} .footer .ul1 li s{display: block;width: 16px;height: 2px;background: #da251d;margin: 20px 0;} .footer .ul1 li a:hover{opacity: 1;color: #fff;} .footer2{background: #1f2024;color: #999;line-height: 62px;border-top: 1px solid #3e3f42;} .footer2 * {color: #444;font-size: 12px;} .footer2 .flt{position: relative;} .footer2 .flt s{display: inline-block;width: 20px;} .footer select{float: right; font-size: 10px; width: 120px;height: 32px;border:1px solid #3c3c42;color: #979798; text-align: center;padding:1px 20px 1px 10px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/wl.png) 95% center no-repeat;margin-top: 15px;border-radius: 5px;} .footer select option:nth-child(1){color: #fff !important;height: 0px !important;overflow: hidden !important;display: none !important;opacity: 0 !important;} a.beianImg {background: url(../images/badge.png);background-size: 94% 100%;width: 12px; height: 12px;} /* 关于我们 */ .banner{position: relative;overflow: hidden;} .banner .pimg{width: 1920px;max-width: 1920px;} .banner .mimg{display: none;} .banner .txt{position: absolute;width: 100%;top: 44%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;line-height: 1.8;} .banner .txt .xian{display: block;width: 20px;height: 2px;background: rgba(255, 255, 255, 0.2);margin-top: 20px;} .banner .txt .btc{margin:20px 0 50px ;} .banner .txt .more{display: block;width: 120px;line-height: 40px;text-align: center;background: #da251d;color: #fff;position: relative;overflow: hidden;display: none;} .banner .txt .more s{display: inline-block;width: calc(100% - 10px);height: calc(100% - 10px );border:1px solid #fff;position: absolute;left: 5px;top: 5px;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;} .banner .txt .more:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .banner .txt.show .more{display: block;} .pdt120{padding-top: 50px;} .banner_xz{} .banner_xz .pimg{display: block;width: 100%; max-width: 960px;margin: 0 auto ;} .ab1{} .ab1 .tt{text-align: center;color: #4c4c4c;} .ab1 .en{text-align: center;color: #999;margin: 14px 0 46px;} .ab1 .atp{position: relative;} .ab1 .atp .alt{width: 75%;overflow: hidden;height: 550px;position: relative;left: 25%;} .ab1 .atp .alt img{display: block;max-width: 1020px;position: absolute;height: 100%;right:0 ;top: 0;} .ab1 .atp .art{width: 56%;height: 430px;background: #fff;position: absolute;top: 50px;left: 0;z-index: 2;padding: 50px 50px 50px 0;} .ab1 .atp .art .att{position: relative;margin-bottom: 30px;} .ab1 .atp .art .att s{display: block;width: 4px;height: 100%;position: absolute;top: 0;left: -50px;background: #da251d;} .ab1 .atp .art .atc{height: 285px;padding-right: 30px;line-height: 1.8;color: #666;overflow: auto;} .ab1 .atp .art .atc::-webkit-scrollbar{ width:4px;} .ab1 .atp .art .atc::-webkit-scrollbar-thumb{ background:#da251d;} .ab1 .atp .art .atc::-webkit-scrollbar-track{ background:#ddd;} .ab1 .atp .art .bf{width: 50px;height: 50px;position: absolute;right: -25px;top: 50%;margin-top: -25px;z-index: 3;background: #fff;border-radius: 50%;overflow: hidden;cursor: pointer;} .ab1 .atp .art .bf s{display: block;width: 80%;height: 80%;background: #da251d url(../images/bf.png) center no-repeat;margin: 10% auto;border-radius: 50%;} .ab1 .atp .art .bf:hover s{transform: scale(0.8);-webkit-transform: scale(0.8);} .ab1 .abt{padding: 40px 0 50px;} .ab1 .abt li{width: 25%;float: left;} .ab1 .abt li img{display: block;float: left;} .ab1 .abt li .lrt{float: left;margin-left: 10px;color: #999;font-size: 12px;} .ab1 .abt li .lrt .num{color: #da251d;margin-bottom: 10px;font-weight: bold;position: relative;} .ab1 .abt li .lrt .num .year{position: relative;top: -20px;} .ab2 img{max-width: 1920px;width: 1920px;} .ab3{padding: 60px 0 ;} .ab3 .ul1{} .ab3 .ul1 li{width: 24%;float: left;margin-right: 1.33%;} .ab3 .ul1 li:last-child{margin-right: 0;} .ab3 .ul1 li a{display: block;position: relative;overflow: hidden;} .ab3 .ul1 li a .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 40px 20px;color: #fff;line-height: 1.8;} .ab3 .ul1 li a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);} .ab3 .ul1 li a:hover .txt{background: rgba(0, 0, 0, 0.3);} .ab4{text-align: center;color: #999;} .ab4 .tt{color: #4c4c4c;} .ab4 .en{margin: 14px 0 46px;} .ab4 .dl1{position: relative;padding: 0 5%;height: 160px;} .ab4 .dl1 dt{position: absolute;width: 100%; height: 1px;background: #999;top:40px ;left: 0;} .ab4 .dl1 dt s{display: block;width: 0%;height: 1px;background: #da251d;top: 0;left: 0;} .ab4 .dl1 dd{width: 25%;float: left;text-align: center;position: relative;z-index: 3;cursor: pointer;} .ab4 .dl1 dd .yuan{width: 12px;height: 12px;background: #999;border-radius: 50%;margin: 17px auto 30px;position: relative;} .ab4 .dl1 dd .yuan s{display: block;width: 20px;height: 20px;border: 1px solid #da251d;position: absolute;top: 50%;left: 50%;margin-left: -10px;margin-top: -10px;border-radius: 50%;opacity: 0;} .ab4 .dl1.act0 dt s{width: 16%;} .ab4 .dl1.act0 dd:nth-child(1) .yuan{background: #da251d;} .ab4 .dl1.act0 dd:nth-child(1) .yuan s{opacity: 1;} .ab4 .dl1.act0 dd:nth-child(1) .jd,.ab4 .dl1.act0 dd:nth-child(1) .year{color: #da251d;} .ab4 .dl1.act1 dt s{width: 39%;} .ab4 .dl1.act1 dd:nth-child(1) .yuan,.ab4 .dl1.act1 dd:nth-child(2) .yuan{background: #da251d;} .ab4 .dl1.act1 dd:nth-child(2) .yuan s{opacity: 1;} .ab4 .dl1.act1 dd:nth-child(2) .jd,.ab4 .dl1.act1 dd:nth-child(2) .year{color: #da251d;} .ab4 .dl1.act2 dt s{width: 62%;} .ab4 .dl1.act2 dd:nth-child(1) .yuan,.ab4 .dl1.act2 dd:nth-child(2) .yuan,.ab4 .dl1.act2 dd:nth-child(3) .yuan{background: #da251d;} .ab4 .dl1.act2 dd:nth-child(3) .yuan s{opacity: 1;} .ab4 .dl1.act2 dd:nth-child(3) .jd,.ab4 .dl1.act2 dd:nth-child(3) .year{color: #da251d;} .ab4 .dl1.act3 dt s{width: 83%;} .ab4 .dl1.act3 dd:nth-child(1) .yuan,.ab4 .dl1.act3 dd:nth-child(2) .yuan,.ab4 .dl1.act3 dd:nth-child(3) .yuan,.ab4 .dl1.act3 dd:nth-child(4) .yuan{background: #da251d;} .ab4 .dl1.act3 dd:nth-child(4) .yuan s{opacity: 1;} .ab4 .dl1.act3 dd:nth-child(4) .jd,.ab4 .dl1.act3 dd:nth-child(4) .year{color: #da251d;} .ab4 .ul1{width: 100%;height: 500px;margin: 50px 0;position: relative;} .ab4 .ul1 li{display: none;width: 100%;height: 100%;} .ab4 .ul1 li:nth-child(1){display: block;} .ab4 .ul1 li .img{width: 51%;overflow: hidden; position: absolute;right: 0;z-index: 2;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .ab4 .ul1 li .img img{display: block;width: 100%;} .ab4 .ul1 li .llt{width: 73%;height: 100%;text-align: justify;position: relative;background: url(../images/bb.png) center no-repeat;background-size: cover;padding: 60px 25% 60px 60px;} .ab4 .ul1 li .llt .year{position: absolute;left: 0;bottom: -25px;color: #fff;font-size: 160px;font-weight: bold;line-height: 1;} .ab4 .ul1 li .llt .txt{position: relative;overflow: auto;width: 100%;height: 100%;padding-right: 20px;color: #444;line-height: 1.5;} .ab4 .ul1 li .llt .txt .y{color: #d9251c;} .ab4 .ul1 li .llt .txt .ltc{margin: 15px 0 ;} .ab4 .ul1 li .llt .txt .xian{display: block;width: 20px;height: 2px;background: #ddd;margin-bottom: 15px;} .gdt::-webkit-scrollbar{ width:4px;} .gdt::-webkit-scrollbar-thumb{ background:#da251d;} .gdt::-webkit-scrollbar-track{ background:#ddd;} .ab2{background: url(../images/2_3bg.png) center no-repeat fixed;background-size: cover;} .ab5{margin-bottom: 50px;} .ab5 .tt{color: #4c4c4c;text-align: center;} .ab5 .en{margin: 14px 0 46px;text-align: center;color: #999;} .ab5 .aimg{float: right;width: 49.5%;height: 390px;overflow: hidden;} .ab5 .atp{position: relative;} .ab5 .aimg img{height: 100%;width: 100%;} .ab5 .abox{position: absolute;width: 100%;top: 0;left: 0;z-index: 3;height: 100%;} .ab5 .abox .alt{width: 45%;float: left;padding-top: 0px;} .ab5 .abox .alt .atc{color: #999;line-height: 1.5;margin: 20px 0 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;} .ab5 .abox .alt .ul1{} .ab5 .abox .alt .ul1 li{float: left;color: #da251d;margin-right:7%;} .ab5 .abox .alt .ul1 li .ltt{font-size: 12px;line-height: 2;;height: 48px;margin: 10px 0;color: #444;text-align:center;} .ab5 .abox .alt .ul1 li:last-child{margin-right: 0;} .ab5 .abox .alt .ul1 li .num{font-size: 40px;font-weight: bold;position: relative;} .ab5 .abox .alt .ul1 li .num .j{display: inline-block;font-size: 30px;position: relative;top: -10px;} .ab5 .abox .alt .abtn{margin-top: 100px;} .ab5 .abox .alt .abtn span{display: block; width: 31.25%;float: left;margin-right:3%;line-height: 50px;border: 1px solid #ddd;border-radius: 5px;text-align: center;cursor: pointer;} .ab5 .abox .alt .abtn span:last-child{margin-right: 0;} .ab5 .abox .alt .abtn span.act,.ab5 .abox .alt .abtn span:hover{background: #da251d;color: #fff;} .ab5 .abox .art{width: 49.3%;float: right;height: 390px;position: relative;overflow: hidden;} .ab5 .abox .art li{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0 , -50%); padding: 30px 50px;background: rgba(24, 56, 132, 0.6);color: #fff;display: none;border-top: 6px solid #183884;height: 390px;} .ab5 .abox .art li .ltc{margin-top: 20px;line-height: 1.9;max-height: 250px;overflow: auto;} .ab5 .abox .art li:nth-child(1){display: block;} /* 员工天地 */ .sta1{padding-bottom: 50px;background: #f5f5f5;} .nav{line-height: 100px;} .nav a:last-child{color: #999;} .nav a:hover{color: #da251d;} .sta1 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;} .sta1 .ul1 li:nth-child(3n){margin-right: 0;} .sta1 .ul1 li a{display: block;position: relative;overflow: hidden;} .sta1 .ul1 li a::before{content: '';display: block;width: 0;height: 3px;background: #d9251c;position: absolute;left: 0;bottom: 0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .sta1 .ul1 li a .img,.sta1 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;} .sta1 .ul1 li a .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001);} .sta1 .ul1 li a .txt{border:1px solid #e5e5e5;padding: 20px;} .sta1 .ul1 li a .txt .ltt{line-height: 1.5;font-size: 18px;height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;} .sta1 .ul1 li a .txt .ltc{line-height: 1;color: #999;} .sta1 .ul1 li a:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .sta1 .ul1 li a:hover .txt .ltt{color: #d9251c;} .sta1 .ul1 li a:hover .txt .ltc{color: #000;} .sta1 .ul1 li a:hover::before{width: 100%;} .banner .more2{display: inline-block;width: 200px;line-height: 40px;background: #fff;text-align: center;margin-bottom: 10px;margin-right: 10px;border-radius: 2px;} .banner .more2:hover{background: #da251d;color: #fff;} /* 加入我们 */ .joi1{padding: 60px 0;background: #f5f5f5;} .joi1 .ul1 li{width: 25%;float: left;text-align: center;height: 300px;border-right: 1px solid #ddd;cursor: pointer;} .joi1 .ul1 li a{display: block;width: 100%;height: 100%;padding-top: 70px;} .joi1 .ul1 li:last-child{border-right: 1px solid #f5f5f5f5;} .joi1 .ul1 li .img{display: block;width: 80px;height: 80px; overflow: hidden;margin: 0px auto 40px;} .joi1 .ul1 li .att{color: #333;} .joi1 .ul1 li .atc{color: #999;margin-top: 20px;} .joi1 .ul1 li:hover{background: #fff;-moz-box-shadow:0px 2px 10px #ddd; -webkit-box-shadow:0px 2px 10px #ddd; box-shadow:0px 2px 10px #ddd;border-right: 1px solid #fff;} .joi1 .ul1 li:hover .img img:nth-child(1){margin-top: -80px;} /* 联系我们 */ .cont1{background: #f5f5f5;padding: 50px 0;} .cont1 .tt{text-align: center;} .cont1 .en{color: #999;margin: 14px 0 46px;text-align: center;} .cont1 .ul1{padding: 0 0 55px;} .cont1 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 0;text-align: justify;line-height: 1.8;} .cont1 .ul1 li:last-child{margin-right: 0;} .cont1 .ul1 li a{display: block;color: #999;} .cont1 .ul1 li a .ltt{color: #444;} .cont1 .ul1 li .img,.cont1 .ul1 li .img img{display: block;width: 100%;overflow: hidden;} .cont1 .ul1 li .ltt{margin-top: 20px;} .cont1 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .cont1 .ul1 li:hover .ltt{color: #d9251c;} .cont1 .ul2{background: #fff;} .cont1 .ul2 li{width: 20%;float: left;position: relative;border-right: 1px solid #f5f5f5;overflow: hidden;} .cont1 .ul2 li:last-child{border-right: 1px solid #fff;} .cont1 .ul2 li a{display: block;padding-top: 50px; position: relative;height: 255px;text-align: center;} .cont1 .ul2 li a .img{display: block;margin: 0 auto;position: relative;top: 0;overflow: hidden;width: 50px;overflow: hidden;height: 50px;} .cont1 .ul2 li a .img img{display: block;} .cont1 .ul2 li::before{content: '';display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .cont1 .ul2 li a .ltt{margin: 30px 0 20px;color: #444;} .cont1 .ul2 li a .num{color: #444;} .cont1 .ul2 li a s{display: none;width: 2px;height: 70px;background: #e3e3e3;position: absolute;right: 0;top: 50%;margin-top: -35px;} .cont1 .ul2 li a:hover .img{top: -5px;} .cont1 .ul2 li:last-child a s{display: none;} .cont1 .ul2 li a:hover .img img:nth-child(1){margin-top: -50px;} .cont1 .ul2 li:hover a .ltt{color: #d9251c;} .cont1 .ul2 li:hover a .num{color: #000;} .cont1 .ul2 li:hover::before{width: 100%;} /* 聚光中心 */ .cont_c1{padding: 50px 0; background: #f5f5f5;} .cont_c1 .tt{text-align: center;color: #4c4c4c;} .cont_c1 .en{color: #999;margin: 14px 0 46px;text-align: center;text-transform: uppercase;} .cont_c1 .abtn{padding: 0 0 50px;} .cont_c1 .abtn a{width: 32%;float: left;margin-right: 2%;line-height:50px ;border:1px solid #ddd;text-align: center;background: #fff;} .cont_c1 .abtn a:last-child{margin-right: 0;} .cont_c1 .abtn a.act,.cont_c1 .abtn a:hover{background: #da251d;color: #fff;border:1px solid #da251d;} .cont_c1 .abtm{} .cont_c1 .abtm .alt{display: block;float: left;width: 38%;} .cont_c1 .abtm .art{width: 58.5%;float: right;text-align: justify;color: #666;line-height: 1.8;} .cont_c1 .abtn2 a{width: 23%;margin-right: 2.66%;border-radius: 3px;} .cont_c1 .abtm .art ul li{list-style-type:disc;} /* 产品中心 */ .prdoc1{background: #f5f5f5;padding: 60px 0;} .prdoc1 .nav{line-height: 140px;} .prdoc1 .stop{} .prdoc1 .stop .plt{width: 290px;float: left;} .prdoc1 .stop .plt .dl1{cursor: pointer;margin-bottom: 4px;} .prdoc1 .stop .plt .dl1 dt{line-height: 78px;border:1px solid #ddd;padding: 0 20px 0 30px;background: #fff;color: #444;margin-bottom: 4px;} .prdoc1 .stop .plt .dl1 dt .img{display: block;float: right;margin-top: 10px;position: relative;} .prdoc1 .stop .plt .dl1 dt .img img{display: block;} .prdoc1 .stop .plt .dl1 dt .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .prdoc1 .stop .plt .dl1 dt.act{background: #da251d;color: #fff;} .prdoc1 .stop .plt .dl1 dt.act .img img:nth-child(1){opacity: 0;} .prdoc1 .stop .plt .dl1 dt.act .img img:nth-child(2){opacity: 1;} .prdoc1 .stop .plt .dl1 dd{border:1px solid #ddd;margin-bottom: 4px;display: none;} .prdoc1 .stop .plt .dl1 dd .dtp{line-height: 60px;padding: 0 20px 0 30px;background: #fff url(../images/jia.png) 95% center no-repeat;background-size: 12px;} .prdoc1 .stop .plt .dl1 dd .dtp.act{background: #fff url(../images/jian.png) 95% center no-repeat;background-size: 12px;color: #d9251c;} .prdoc1 .stop .plt .dl1 dd .dbt{display:none ;} .prdoc1 .stop .plt .dl1 dd .dbt.act{display:block ;} .prdoc1 .stop .plt .dl1 dd .dbt a{display: block;line-height: 60px;border-top: 1px solid #ddd;padding: 0 20px 0 30px;background: #fff;color: #999;} .prdoc1 .stop .plt .dl1 dd .dbt a:hover,.prdoc1 .stop .plt .dl1 dd .dbt a.act{background:#f6f6f6;color: #d9251c;} .prdoc1 .stop .prt{width: calc(100% - 330px);float: right;} .prdoc1 .stop .prt .nday{padding-top: 0;} .prdoc1 .stop .prt li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;background: #fff;border:1px solid #e5e5e5;position: relative;overflow: hidden;} .prdoc1 .stop .prt li a{display: block;} .prdoc1 .stop .prt li:nth-child(3n){margin-right: 0;} .prdoc1 .stop .prt li:nth-child(3n+1){clear:both;} .prdoc1 .stop .prt li .img{overflow: hidden;padding: 10px 0;width: 100%;padding-bottom: 71.8%;height: 0;} .prdoc1 .stop .prt li .img img{margin: 0 auto;display: block; width: 75%;} .prdoc1 .stop .prt li .txt{padding: 20px 30px 0px;} .prdoc1 .stop .prt li .txt .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;font-weight: bold;line-height: 1.5;} .prdoc1 .stop .prt li .txt .ltc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;line-height: 1.8;margin: 10px 0 20px;height: 50px;} .prdoc1 .stop .prt li .txt .xian{width: 100%;height: 1px;background: #ddd;} .prdoc1 .stop .prt li .txt .more{position: relative;width: 100px;text-align: center;line-height: 54px;background: #fff url(../images/1_9_3.png) 95% center no-repeat;margin: 0 auto ;} .prdoc1 .stop .prt li .txt .more s{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:1px solid #ddd;} .prdoc1 .stop .prt li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .prdoc1 .stop .prt li:hover .txt .ltt{color: #d9251c;} .prdoc1 .stop .prt li:hover .txt .ltc{color: #000;} .prdoc1 .stop .prt li:hover .txt .more{color: #d9251c;background: #fff url(../images/1_9_4.png) 95% center no-repeat;} .prdoc1 .stop .prt li::before{content: '';display: block;width: 0;height: 3px;background: #d9251c;position: absolute;left: 0;bottom: 0;z-index: 3;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .prdoc1 .stop .prt li:hover::before{width: 100%;} .prdoc1 .stop .prt li:hover{-moz-box-shadow:0px 2px 10px #ccc; -webkit-box-shadow:0px 2px 10px #ccc; box-shadow:0px 2px 10px #ccc;} /* 产品详情 */ .prc1{padding: 50px 0;} .prc1 .nav{line-height: 76px;} .prc1 .prtp .img{width: 49.5%;float: left;background: #fff;border-right: 1px solid #ddd;} .prc1 .prtp .img img{display: block;margin: 0 auto;width: 90%;} .prc1 .prtp .prt{width: 46%;float: right;text-align: justify;} .prc1 .prtp .prt ul li{list-style-type:disc;} .prc1 .prtp .prt .ptt{margin: 60px 0 20px;line-height: 1.5;} .prc1 .prtp .prt .ptt2{display: none;} .prc1 .prtp .prt .xian{display: block;width: 20px;height: 2px;background: #d9251c;} .prc1 .prtp .prt .ptc{color: #999;line-height: 2;padding: 20px 0;border-bottom: 1px solid #ddd;margin-bottom:30px;} .prc1 .prtp .prt .more{display: block;width: 140px;line-height: 42px;text-align: center;background: #da251d;color: #fff;position: relative;overflow: hidden;margin: 0 ;border-radius: 3px;} .prc2{line-height: 60px;text-align: center;} .prc2 a{display: block;width: 25%;float: left;position: relative;background: #f5f5f5;} .prc2 a:after{content: "";display: block;width: 0%;height: 2px;background: #da251d;position: absolute;bottom: 0;left: 0;-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);} .prc2 a.act:after{width: 100%;} .prc2 a.act,.prc2 a:hover{color: #da251d;font-weight: bold;} .prc3{padding-bottom: 50px;} .prc3 .poxo{display: block;padding: 40px 0 30px;border-bottom: 1px dashed #ddd;} .prc3 .poxo .plt{width: 200px;float: left;} .prc3 .poxo .prt{width: calc(100% - 200px);float: right;} .prc3 .poxo:last-child{border: 0;} .prc3 .dtt{padding-left: 20px;border-left: 4px solid #da251d;line-height: 1;font-size: 16px;} .prc3 .dtc{color: #999;text-align: justify;line-height: 1.8;} .prc3 .dtc img{display: block;max-width: 100%;margin: 20px auto;} .prc3 .dtc2{color: #999;line-height: 1.8;} .prc3 .dtc *{color: #999 !important;} .prc3 .dtc2 *{color: #999 !important;} .prc3 .dtc3 *{color: #999 !important;} .prc3 .dtc4 *{color: #999 !important;} .prc3 .dtc2 li,.prc3 .dtc li{list-style-type:disc;} .prc3 .dtc3 .dtc_d2{line-height: 1.8;} .prc3 .dtc3 .dtc_d1{color: #333;} .prc3 .dtc3 .dtc_d2 .drt img{border:1px solid #ddd;margin: 20px 0;} .prc3 .dtc3 .dtc_d2 .dlt{} .prc3 .dtc4 .dlt{display: block; width: 49%;float: left;line-height: 60px;border:1px solid #ddd;color: #999; padding-left: 30px;border-radius: 5px;position: relative;overflow: hidden;} .prc3 .dtc4 .dlt::before{content: '';display: block;position: absolute;width: 0%;height: 2px;background: #d9251c;left: 0;bottom: 0;-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);} .prc3 .dtc4 .dlt:hover::before{width: 100%;} .prc3 .dtc4 .dlt:nth-child(2n){float: right;} .prc3 .dtc4 .dlt .img{width: 50px;height: 60px;float: left;overflow: hidden;position: relative;} .prc3 .dtc4 .dlt .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .prc3 .dtc4 .dlt .img2{float: right;} .prc3 .dtc4 .dlt span{float: left;margin-left: 20px;} .prc3 .dtc4 .dlt:hover{-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd;} .prc3 .dtc4 .dlt:hover .img img:nth-child(1){opacity: 0;} .prc3 .dtc4 .dlt:hover .img img:nth-child(2){opacity: 1;} .prc3 .dtc4 .dlt:hover span{color: #d9251c;font-weight: bold;} .prc4{padding: 50px 0;background: #f5f5f5;text-align: center;} .prc4 .tt{color: #4c4c4c;} .prc4 .en{margin: 14px 0 46px;color: #999;} .prc4 .ul1{} .prc4 .ul1 li{width: 24%;float: left;margin-right:1.33%;text-align: justify;border: 1px solid #ddd;background: #fff;text-align: center;} .prc4 .ul1 li a{display: block;} .prc4 .ul1 li:last-child{margin-right: 0;} .prc4 .ul1 li .img,.prc4 .ul1 li .img img{display: block;width: 100%;overflow: hidden;} .prc4 .ul1 li .ltt{line-height: 40px;padding: 0 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .prc4 .ul1 li:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} /* 解决方案 */ .cas1{padding: 50px 0;background: #f5f5f5;} .cas1 .nav{line-height: 140px;} .cas1 .ctop{position: relative;} .cas1 .ctop .ul1{} .cas1 .ctop .ul1 li{display: none;} .cas1 .ctop .ul1 li:nth-child(1){display: block;} .cas1 .ctop .ul1 li a{position: relative;overflow: hidden;} .cas1 .ctop .ul1 li a .txt{width: 100%;position: absolute;left: 0;bottom: 90px;padding: 0 5%;color: #fff;} .cas1 .ctop .ul1 li a .txt .ltt{padding-left: 40px;border-left: 4px solid #fff;font-size: 42px;} .cas1 .ctop .ul1 li a .txt .len{font-size: 62px;margin-top: 20px;opacity: 0.24;} .cas1 .ctop .abtn{width: 225px;position: absolute;right: 10px;top: 50%;margin-top: -128px;z-index: 3;} .cas1 .ctop .abtn a{display: block;position: relative;width: 100%;background: #f5f5f5 url(../images/4_2_5.png) 95% center no-repeat;padding-left: 30px;line-height: 60px;margin-bottom: 5px;} .cas1 .ctop .abtn a s{display: inline-block;width: 6px;height: 1px;background: #fff;opacity: 0;top: -5px;position: relative;margin: 0 10px;} .cas1 .ctop .abtn a:hover{background: #da251d url(../images/4_2_5.png) 95% center no-repeat;color: #fff;padding-left: 20px;} .cas1 .ctop .abtn a:hover s{opacity: 1;} /* 方案列表 */ .casc1{background: #f5f5f5;padding: 50px 0;} .casc1 .nav{line-height: 80px;} .casc1 .ul1{} .casc1 .ul1 li{margin-bottom: 30px;height: 310px;background: #fff;text-align: justify;} .casc1 .ul1 li a{display: block;width: 100%;height: 100%;} .casc1 .ul1 li .img{width: 46%;float: left;overflow: hidden;} .casc1 .ul1 li .img img{display: block;height: 310px;max-width: 630px;} .casc1 .ul1 li .lrt{padding: 50px 90px 0;height: 100%; width: 54%;float: left;line-height: 1.5;} .casc1 .ul1 li .lrt .ltc{color: #999;line-height: 2;margin:20px 0 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .casc1 .ul1 li .lrt .more{display: block;width: 120px;line-height: 40px;text-align: center;background: #fff;color: #333;position: relative;border:1px solid #ddd; overflow: hidden;border-radius: 5px;} .casc1 .ul1 li .lrt .more s{display: none;width: calc(100% - 10px);height: calc(100% - 10px );border:1px solid #fff;position: absolute;left: 5px;top: 5px;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;} .casc1 .ul1 li:hover .lrt .more {background: #da251d;color: #fff;border:1px solid #da251d;} .casc1 .ul1 li:hover .lrt .more s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .casc1 .ul1 li:hover .img img{transform: scale(1.03);-webkit-transform: scale(1.03);} .casc1 .ul1 li:nth-child(2n) .img{float: right;} /* 方案详情 */ .cascl1{background: #f5f5f5;padding-top: 50px;} .cascl1 .nav{line-height: 76px;} .cascl1 .prtp{padding-bottom: 30px;} .cascl1 .prtp .img{width: 49.5%;float: left;background: #fff;} .cascl1 .prtp .img img{display: block;margin: 0 auto;} .cascl1 .prtp .prt{width: 46%;float: right;text-align: justify;} .cascl1 .prtp .prt .ptt{margin: 20px 0 ;line-height: 1.5;} .cascl1 .prtp .prt .xian{display: block;width: 20px;height: 2px;background: #d9251c;margin: 20px 0;} .cascl1 .prtp .prt .ptc{color: #999;line-height: 2;padding: 20px 0;margin-bottom: 50px;border-bottom: 1px solid #ddd;} .cascl1 .prtp .prt .more{display: block;width: 140px;line-height: 42px;text-align: center;background: #da251d;color: #fff;position: relative;overflow: hidden;margin: 0;border-radius: 3px;} .cascl1 .prtp .prt .more s{display:none;width: calc(100% - 10px);height: calc(100% - 10px );border:1px solid #fff;position: absolute;left: 5px;top: 5px;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;} .cascl1 .prtp .prt .more:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .cascl1 .prbt{text-align: center;line-height: 60px;} .cascl1 .prbt .ptt{background: #ddd;font-weight: bold;display: none;} .cascl1 .prbt .abtn{padding-bottom: 50px;} .cascl1 .prbt .abtn a{display: block;width: 33%;float: left;background: #fff;margin-top: 0.5%;margin-right: 0.5%;position: relative;overflow: hidden;} .cascl1 .prbt .abtn a::after{display: block;content: '';position: absolute;width: 0%;left: 0;bottom: 0;z-index: 2;background: #d9251c;height: 2px;-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);} .cascl1 .prbt .abtn a:nth-child(1){width: 100%;margin-right: 0;} .cascl1 .prbt .abtn a span{margin: 0 10px;color: #fff;display: none;} .cascl1 .prbt .abtn a:nth-child(3n + 1){margin-right: 0;} .cascl1 .prbt .abtn.sanji a:nth-child(1){width: 33%;margin-right: 0.5%;} .cascl1 .prbt .abtn.sanji a:nth-child(3n){margin-right: 0;} .cascl1 .prbt .abtn.sanji a:nth-child(3n + 1){margin-right: 0.5%;} .cascl1 .prbt .abtn a:hover::after,.cascl1 .prbt .abtn a.act::after{width: 100%;} .cascl1 .prbt .abtn a:hover,.cascl1 .prbt .abtn a.act{color: #d9251c;} .cascl2{line-height: 1.5;padding: 50px 0 20px; text-align: center;} .prc4 .ul2 li{width: 24%;float: left;margin-right: 1.33%;margin-bottom: 1.33%;background: #fff;border:1px solid #ddd;} .prc4 .ul2 li a{display: block;width: 100%;} .prc4 .ul2 li:nth-child(4n){margin-right: 0;} .prc4 .ul2 li:nth-child(4n+1){clear:left;} .prc4 .ul2 li .img{margin: 40px 0;width: 100%;overflow: hidden;padding: 20px 0;} .prc4 .ul2 li .img img{margin: 0 auto;} .prc4 .ul2 li .txt{padding: 30px 30px 40px;background: #f9f9f9;} .prc4 .ul2 li .txt .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .prc4 .ul2 li .txt .ltc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #999;line-height: 1.8;margin: 10px 0 20px;text-align: justify;height: 75px;} .prc4 .ul2 li .txt .xian{width: 100%;height: 1px;background: #ddd;} .prc4 .ul2 li .txt .more{position: relative;width: 120px;text-align: center;line-height: 36px;background: #fff;margin: 20px auto 0;} .prc4 .ul2 li .txt .more s{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:1px solid #ddd;} .prc4 .ul2 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .prc4 .ul2 li:hover .txt .more{background: #da251d;color: #fff;} .prc4 .ul2 li:hover .txt .more s{border:1px solid #fff;width: 110px;height: 26px;top: 5px;left: 5px;} .cascl3 {padding: 40px 0;} .cascl3 .d_box{padding: 0;} .cascl3 .d_box .img0{width: calc(100% - 500px);} .cascl3 .d_box .img0 .swiper20 .prev20 {width: 70px;height: 70px;background-image: url(../images/1_11.png);left: 0px;margin-top: -35px;background-size: 70px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .cascl3 .d_box .img0 .swiper20 .next20 {width: 70px;height: 70px;background-image: url(../images/1_12.png);right: 0px;margin-top: -35px;background-size: 70px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .cascl3 .d_box .img0 .swiper20 .prev20:hover {background-image: url(../images/1_11_1.png);} .cascl3 .d_box .img0 .swiper20 .next20:hover {background-image: url(../images/1_12_1.png);} .cascl3 .dtc{padding: 0;} .cascl3 .d_box .dtc2{border:0;line-height: 1.8;} .cascl3 .d_box2{} .cascl3 .d_box2 .img0{} .cascl3 .d_box2 .txt{text-align: justify;padding-top: 50px;line-height: 1.8;} .cascl3 .d_box2 .txt .d_tc{color: #999;margin-top: 20px;} .cascl3 .d_box2 .txt .d_tc ul li{list-style-type:disc;} /* 服务 */ .sevr1{background: #f5f5f5;} .sevr1 .ul1{padding: 30px 0 90px;} .sevr1 .ul1 li{width: 16.25%;float: left;height: 240px;text-align: center;background: #fff;margin-right: 0.5%;} .sevr1 .ul1 li:last-child{margin-right: 0;} .sevr1 .ul1 li a{display: block;width: 100%;padding-top: 50px;height: 100%;} .sevr1 .ul1 li .img{width: 70px;height: 70px; display: block;margin: 0 auto;overflow: hidden;margin-bottom: 30px;} .sevr1 .ul1 li .ltc{color: #999;margin-top: 15px;} .sevr1 .ul1 li:hover{-moz-box-shadow:0px 4px 10px #aaa; -webkit-box-shadow:0px 4px 10px #aaa; box-shadow:0px 4px 10px #aaa;} .sevr1 .ul1 li:hover .img img:nth-child(1){margin-top: -70px;} .sevr1 .ul1 li:hover .ltt,.sevr1 .ul1 li:hover .ltc{color: #da251d;} /* 网上留言 */ .sevrmsg1{background: #f5f5f5;padding: 50px 0;} .sevrmsg1 .tt{text-align: center;color: #4c4c4c;} .sevrmsg1 .en{text-align: center;margin: 14px 0 ;color: #999;} .sevrmsg1 .sbnew{text-align: center;color: #444;margin-bottom: 46px;} .sevrmsg1 .s_tp{} .sevrmsg1 .s_tp .ul1{} .sevrmsg1 .s_tp .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;border:1px solid #ddd;border-radius: 5px;line-height: 50px;overflow: hidden;background: #fff;position: relative;overflow: hidden;} .sevrmsg1 .s_tp .ul1 li:nth-child(3n){margin-right: 0;} .sevrmsg1 .s_tp .ul1 li .llt{width: 100px;float: left;padding-left: 20px;color: #999;} .sevrmsg1 .s_tp .ul1 li .llt span{color: #da251d;} .sevrmsg1 .s_tp .ul1 li select,.sevrmsg1 .s_tp .ul1 li input,.sevrmsg1 .s_tp .ul1 li textarea{display: block;width: calc(100% - 100px);float: right;height: 50px;border:0;outline: none;background: #f0f0f0;} .sevrmsg1 .s_tp .ul1 li:last-child{width: 100%;margin-right: 0;} .sevrmsg1 .s_tp .ul1 li textarea{padding: 16px 0;resize: none;height: 150px;background: #f0f0f0;} .sevrmsg1 .s_tp .ul1 li::before{content: '';display: block;position: absolute;width: 0%;height: 2px;background: #d9251c;left: 0;bottom: 0;-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);} .sevrmsg1 .s_tp .ul1 li.act::before{width: 100%;} .sevrmsg1 .s_tp .s_yz{line-height: 50px;color: #999;cursor: pointer;} .sevrmsg1 .s_tp .s_yz .slt{width: 450px;float: left;padding-left: 20px;background: #f0f0f0;margin-right: 30px;background: #f0f0f0;border-radius: 5px;border: 1px solid #ddd;} .sevrmsg1 .s_tp .s_yz .dlt{float: left;} .sevrmsg1 .s_tp .s_yz .dlt span{color: #da251d;} .sevrmsg1 .s_tp .s_yz input,.sevrmsg1 .s_tp .s_yz img{float: left;display: block;width: 150px;height: 50px;outline: none;border: 0;} .sevrmsg1 .s_tp .s_yz img{float: right;} .sevrmsg1 .s_tp .s_yz input{width: calc(100% - 200px);background: #f0f0f0;padding-left: 20px;} .sevrmsg1 .abtn{padding: 50px 0 0;text-align: center;} .sevrmsg1 .abtn a{display: inline-block;width: 140px;line-height: 42px;background: #da251d;margin: 0 10px;color: #fff;border-radius: 5px;border: 2px solid #d9251c;} .sevrmsg1 .abtn a:nth-child(2){background: #fff;color: #d9251c;} .sevrmsg1 .abtn a:hover{background: #da251d;color: #fff;} /* 下载 */ .sevrdw1{background: #f5f5f5;padding: 50px 0;} .sevrdw1 .tt{text-align: center;color: #4c4c4c;} .sevrdw1 .en{text-align: center;margin: 14px 0 46px;color: #999;} .sevrdw1 .nday{padding: 0 0 50px;} .sevrdw1 .ul1{margin-bottom: 50px;} .sevrdw1 .ul1 li{width: 49%;height: 60px;background: #fff url(../images/5_9.png) 99% center no-repeat;border: 1px solid #ddd;overflow: hidden;margin-bottom: 10px;float: left;position: relative;} .sevrdw1 .ul1 li:nth-child(2n){float: right;} .sevrdw1 .ul1 li a{display: block;} .sevrdw1 .ul1 li .img{width: 60px;line-height: 60px;float: left;background: #fff url(../images/5_8.png) center no-repeat;text-align: center;font-size: 12px;padding:0 ;color: #066adb;padding-left: 8px;} .sevrdw1 .ul1 li .lcon{width: calc(100% - 160px);float: left;line-height: 60px;font-size: 16px;} .sevrdw1 .ul1 li .lcon .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;} .sevrdw1 .ul1 li .lcon .ltc{color: #999;margin-top: 15px;display: none;} .sevrdw1 .ul1 li:hover .ltt{color: #da251d;font-weight: bold;} .sevrdw1 .ul1 li::before{content: '';display: block;position: absolute;width: 0%;height: 2px;background: #d9251c;left: 0;bottom: 0;-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);} .sevrdw1 .ul1 li:hover::before{width: 100%;} /* 售后 */ .sevrse1{background: #f5f5f5;padding: 50px 0;} .sevrse1 .tt{text-align: center;color: #4c4c4c;} .sevrse1 .en{text-align: center;margin: 14px 0 46px;color: #999;} .sevrse1 .stp{border-top: 1px solid #ddd;padding-top: 30px;} .sevrse1 .stp .stt{line-height: 30px;padding-left: 16px;border-left: 4px solid #da251d;} .sevrse1 .stp .stt a{display: inline-block;padding-left: 30px;background: url(../images/dh.png) center left no-repeat;color: #da251d;} .sevrse1 .stp .stc{padding-left: 20px;color: #999;line-height: 1.8;} .sevrse1 .stp .stc .stc_d1{margin: 20px 0;color: #333;} .sevrse1 .stp .stc img{margin: 30px auto 0;} .sevrse1 .sbt{padding-top: 30px;line-height: 1.8;} .sevrse1 .sbt .k{margin: 10px 0;} .sevrse1 .sbt img{margin: 50px auto 0;} .servqa1{background: #f5f5f5;padding: 50px 0;} .servqa1 .box{padding: 20px 40px 50px;background: #fff;border-radius: 5px;} .servqa1 dl{} .servqa1 dl.d2{margin-bottom: 20px;} .servqa1 dl dt{margin-bottom: 15px;line-height: 50px;color: #444;border-bottom: 1px dashed #ddd;} .servqa1 dl dt span{display: block;width: 30px;float: left;text-align: center;margin-right: 12px;color: #d9251c;} .servqa1 dl dd > span{display: block; width: 16.66%;float: left;line-height: 40px;background: #fff;padding-left: 30px;position: relative;margin-bottom: 20px;cursor: pointer;color: #999;} .servqa1 dl dd > span s{display: block;width: 15px;height: 15px;background: url(../images/6_2_1.png) center no-repeat;position: absolute;top: 50%;margin-top: -8px; left: 10px;background-size: cover;} .servqa1 dl dd > span.act{color: #d9251c;font-weight: bold;} .servqa1 dl dd > span.act s{background: url(../images/6_2_2.png) center no-repeat;background-size: cover;} .servqa1 dl dd textarea{display: block;width: 100%;height: 160px;background: #f0f0f0;padding: 20px ;resize: none;border:0;font-family: 微软雅黑;border-radius: 3px;margin-bottom: 40px;border: 1px solid #e5e5e5;} .servqa1 dl dd .dlt{width: 32%;line-height: 60px;margin-right: 2%; background: #fff;color: #999;float: left;margin-bottom: 2%;overflow: hidden;position: relative;border-radius: 3px;border: 1px solid #e5e5e5;} .servqa1 dl dd .dlt:nth-child(3n){margin-right: 0;background: #f0f0f0;} .servqa1 dl dd .dlt span{display: block;width: 100px;float: left;text-align: center;background: #f0f0f0;} .servqa1 dl dd .dlt input{display: block;width: calc(100% - 100px);height: 60px;float: left;border:0;outline: none;font-size: 16px;background: #f0f0f0;} .servqa1 dl dd .dlt::before{content: '';display: block;width: 0;height: 2px;background: #d9251c;position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .servqa1 dl dd .dlt.act::before{width: 100%;} .servqa1 dl:nth-child(4) dt,.servqa1 dl:nth-child(5) dt{margin-bottom: 0;border: 0;} .servqa1 .s_yz{line-height: 50px;color: #999;cursor: pointer;} .servqa1 .s_yz .slt{width: 450px;float: left;padding-left: 20px;background: #f0f0f0;margin-right: 30px;background: #f0f0f0;border-radius: 5px;border: 1px solid #ddd;overflow: hidden;} .servqa1 .s_yz .dlt{float: left;} .servqa1 .s_yz .dlt span{color: #da251d;} .servqa1 .s_yz input,.servqa1 .s_yz img{float: left;display: block;width: 150px;height: 50px;outline: none;border: 0;} .servqa1 .s_yz img{float: right;} .servqa1 .s_yz input{width: calc(100% - 200px);background: #f0f0f0;padding-left: 20px;} .servqa1 .abtn{padding: 50px 0 0;text-align: center;} .servqa1 .abtn a{display: inline-block;width: 140px;line-height: 42px;background: #da251d;margin: 0 10px;color: #fff;border-radius: 5px;border: 2px solid #d9251c;} .servqa1 .abtn a:nth-child(2){background: #fff;color: #d9251c;} .servqa1 .abtn a:hover{background: #da251d;color: #fff;} /* 新闻 */ .new1{background: #f0f3f7;padding-bottom: 50px;} .new1 .nbtn{padding: 0 0 40px; text-align: center;} .new1 .nbtn a{display: block;width:17.2%;;float: left;margin-right: 3.5%;background: #fff;border:1px solid #ddd;line-height: 50px;border-radius: 3px;} .new1 .nbtn a:last-child{margin-right: 0;} .new1 .nbtn a span{color: #fff;display: none;} .new1 .nbtn a:hover,.new1 .nbtn a.act{background: #da251d;color: #fff;border:1px solid #da251d;} .nday{padding: 40px 0 ;line-height: 40px;} .nday .nlt{float: left;width: calc(100% - 480px);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .nday .sx span{display: block;float: left;padding-left: 20px;background: url(../images/6_2_1.png) center left no-repeat;margin: 0 10px;cursor: pointer;} .nday .sx span.act{background: url(../images/6_2_2.png) center left no-repeat;} .nday .nrt{float: right;background: #eee;width: 450px;height: 42px;border: 1px solid #ddd;border-radius: 5px;padding: 4px 5px 4px 20px;} .nday .nrt input{display: block;width: calc(100% - 100px);float: left;height: 100%;border: 0;outline: none;background: #eee;} .nday .nrt a{display: block;width: 80px;height:32px ;float: right;background: #d9251c url(../images/ss4.png) center no-repeat;border-radius: 3px;} .new1 .ul1{} .new1 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;background: #fff;} /* .new1 .ul1 li::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 5;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} */ .new1 .ul1 li:nth-child(3n){margin-right: 0;} .new1 .ul1 li a{display: block;} .new1 .ul1 li a .img,.new1 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;} .new1 .ul1 li a .img img{height: auto;width: 100%;display: block;} .new1 .ul1 li a .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001); } .new1 .ul1 li a .txt{padding: 30px 20px;background: #fff;position: relative;z-index: 2;} .new1 .ul1 li a .txt .ltt{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5em;font-weight: bold; color: #222;height: 3em; margin-bottom: 10px;} .new1 .ul1 li a .txt .ltc{ line-height: 1.5;color: #333;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 64px;} .new1 .ul1 li a .txt .day{border-top:1px solid #e1e1e1; padding-top: 10px;color: #888; background: url(../images/jiantou.png) no-repeat right;} .new1 .ul1 li:hover a .img img{transform: scale(1.09);-webkit-transform: scale(1.09);} /* .new1 .ul1 li:hover a .txt .ltt,.new1 .ul1 li:hover a .txt .ltc,.new1 .ul1 li:hover a .txt .day{color: #d9251c;} */ .new1 .ul1 li:hover a .txt .day{color: #000; background: url(../images/jiantou_h.png) no-repeat right; } .new1 .ul1 li:hover:before{width: 100%;} .new1 .ul2n{} .new1 .ul2n li{position: relative;margin-bottom: 20px;background: #fff;overflow: hidden;} .new1 .ul2n li a{display: block;padding: 20px;border: 1px solid #ddd;} .new1 .ul2n li a .alt{width: 17.6%;text-align: center;height: 100%;float: left;height: 100%;border-right: 1px solid #ddd;margin-right: 2%;} .new1 .ul2n li a .alt img{width: 100%; height: auto;} .new1 .ul2n li a .act{display: block;width: 80%;float: left;} .new1 .ul2n li a .act .att{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 5px 0 0;margin-bottom: 20px;} .new1 .ul2n li a .act .att .le{float: left;width: 90%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .new1 .ul2n li a .act .att .rig{float: right; font-weight: 500; } .new1 .ul2n li a .act .atc{color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.4em;} .new1 .ul2n li a .art {width: 140px;float: right;} .new1 .ul2n li a .art span{display: block;width: 100%;line-height: 40px;border: 1px solid #ddd;border-radius: 3px;text-align: center;color: #999;margin-top: 20px;} .new1 .ul2n li::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 5;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .new1 .ul2n li:hover:before{width: 100%;} .new1 .ul2n li:hover a .alt img{transform: scale(1.09);-webkit-transform: scale(1.09);} .new1 .ul2n li:hover a .act .att .le{color: #d9251c;} .new1 .ul2n li:hover a .alt .day,.new1 .ul2n li:hover a .alt .year{color: #444;} .new1 .ul2n li:hover a .art span{background: #d9251c;color: #fff;border: 1px solid #d9251c;} .new1 .ul2n li:hover a .act .atc{color: #444;} .new1 .ul2n li:hover ,.new1 .ul1 li:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;} /* 人物 */ .mew1 .person .per_1{display: flex;} .new1 .person .per_1 .le{float: left; width: 50%;height: 100%;} .new1 .person .per_1 .le .imgs{display: block;width: 100%;overflow: hidden; height: 100%;} .new1 .person .per_1 .le .imgs img{ height:450px ;width: 100%;} .new1 .person .per_1 .le .imgs img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .new1 .person .per_1 a:hover .le .imgs img{transform: scale(1.2);-webkit-transform: scale(1.2);} .new1 .person .per_1 .rig{float: right; width: 50%; padding: 80px 60px;background-color: #fff;} .new1 .person .per_1 .rig .title{ line-height: 30px;margin:11px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: bold;} .new1 .person .per_1 .rig .tet{line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:90px;} .new1 .person .per_1 .rig p{width: 130px;background-color: #eee; color: #111; line-height: 45px; text-align: center; font-size: 16px; margin-top: 90px;} .new1 .person .per_2 { margin: 40px 0; display: flex; justify-content: space-between; } .new1 .person .per_2 li{ position: relative; width: 31.5%; } .new1 .person .per_2 li .imgs1{width: 100%; height: 280px;overflow: hidden;} .new1 .person .per_2 li .imgs1 img{width: 100%; height: 280px;} .new1 .person .per_2 li .imgs1 img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;} .new1 .person .per_2 li a:hover .imgs1 img{transform: scale(1.2);-webkit-transform: scale(1.2);} .new1 .person .per_2 li .tl{position: absolute;bottom: 0px; left: 0; color: #fff;background:url(../images/rnewu2.png) ;} .new1 .person .per_2 li .tl .bj{padding:10px 40px 20px ; } .new1 .person .per_2 li .tx2{color: #fefefe; line-height: 1.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .new1 .person .per_3 {border-top:1px solid #999;} .new1 .person .per_3 li{border-bottom:1px solid #999;} .new1 .person .per_3 li a{display: block;} .new1 .person .per_3 li .imgs2{float: left;width: 17.85%; margin: 25px 2% 25px 0;overflow: hidden; } .new1 .person .per_3 li .imgs2 img{display: block;width: 100%;overflow: hidden;-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s; height: 162px;} .new1 .person .per_3 li a:hover .imgs2 img{transform: scale(1.2);-webkit-transform: scale(1.2);} .new1 .person .per_3 li .text{float: left;width: 80.15%; margin: 40px 0;} .new1 .person .per_3 li .text .title{margin-bottom: 30px; line-height: 30px;} .new1 .person .per_3 li .text .title .le{float: left;width: 87%; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;display:-webkit-box; line-height:30px ; height: 30px; font-weight: bold;} .new1 .person .per_3 li .text .title .rig{float: right; } .new1 .person .per_3 li .text .txt{line-height: 1.5em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify;display:-webkit-box; height: 3em;} .new1 .ul2 li a .txt .ltt{color: #999;font-size: 14px;-webkit-line-clamp: 1;height: 20px;} .new1 .ul2 li a .txt .ltt span{color: #333;font-size: 16px;} .new1 .ul2 li a .txt .ltt s{display: inline-block;width: 2px;height: 14px;background: #d9251c;transform: rotate(15deg);margin: 0 5px;} .new1 .ul2 li:hover a .txt .ltt span{color: #d9251c;} .new1 .ul2 li a .txt .ltc{-webkit-line-clamp: 2;height: 42px;} /* 新闻详情 */ .newc1{background: #fff;padding: 50px 0;} .newc1 .nbox{max-width: 1040px;margin: 0 auto;} .newc1 .nbox .ntt{text-align: center;line-height: 1.5;} .newc1 .nbox .day{line-height: 20px;color: #000;margin: 50px 0 25px;} .newc1 .nbox .day img{display: block;float: left;} .newc1 .nbox .day span{display: block;float: left;margin: 0 20px 0 10px;} .newc1 .nbox .ntc{padding: 20px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;color: #000;line-height: 1.8;text-align: justify;} .newc1 .nbox .ntc img{display: block;max-width: 100%;margin: 0 auto;} .newc1 .nbtn{position: relative;} .newc1 .nbtn a{display: block;width: calc(100% - 150px);color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 30px;} .newc1 .nbtn a:hover{color: #da251d;} .newc1 .nbtn .fh{width: 120px;line-height: 36px;background: #da251d;color: #fff;text-align: center;position: absolute;top: 0;right: 0;position: absolute;margin-top: 0;} .newc1 .nbtn .fh:hover {color: #fff;} /* 热点专题 */ .new2{padding: 0;} .new3{padding: 0 0 50px 0 ;background: #f5f5f5;} .new3 .nlt{width: 23%;float: left;display: none;} .new3 .nlt .ntt2{padding: 25px 0 10px;border-bottom: 1px solid #ddd;} .new3 .nlt .ntt2 span{font-size: 14px;color: #d9251c;float: right;display: block;font-weight: normal;padding-bottom: 1px;border-bottom: 1px solid #d9251c;cursor: pointer;} .new3 .nlt .sx span{display: block;padding-left: 20px;background: url(../images/6_2_1.png) center left no-repeat;cursor: pointer;margin-top: 30px;line-height: 16px;} .new3 .nlt .sx span.act{background: url(../images/6_2_2.png) center left no-repeat;} .new3 .nlt .ntt3{width: 100%;height: 40px;padding: 0 0 0 10px;border:1px solid #ddd;border-radius: 5px;margin-top: 20px;overflow: hidden;} .new3 .nlt .ntt3 input{display: block;width: calc(100% - 40px);float: left;height: 40px;border:0;outline: none;} .new3 .nlt .ntt3 a{display: block;width: 40px;height: 40px;float: right;background: url(../images/ss.png) center no-repeat;} .new3 .nlt .ntt3 a:hover{background: url(../images/ss1.png) center no-repeat;} .new3 .nrt{width:100%; } .new3 .nrt .ul1{margin-bottom: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;} .new3 .nrt .ul1 li{margin-bottom: 20px;background: #fff; width: 49%;} .new3 .nrt .ul1 li:nth-of-type(even){margin-left: 10px;} .new3 .nrt .ul1 li a{display: block;width: 100%;} .new3 .nrt .ul1 li a .img{display: block;width: 43%;float: left;height: 170px;overflow: hidden;} .new3 .nrt .ul1 li a .img img{display: block; height: 100%;} .new3 .nrt .ul1 li a .txt{width: 57%;height: 100%;float: right;padding: 40px 30px 30px 30px;position: relative;border-left: 0;} .new3 .nrt .ul1 li a .txt .ltt{ line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;text-align: justify;font-weight: bold;} .new3 .nrt .ul1 li a .txt .ltc{line-height: 1.8;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 75px;margin: 20px 0;text-align: justify; display: none;} .new3 .nrt .ul1 li a .txt .day{padding-top: 20px;color: #999;} /* .new3 .nrt .ul1 li a .txt::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 5;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} */ .new3 .nrt .ul1 li:hover a .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} /* .new3 .nrt .ul1 li:hover a .txt::before{width: 100%;} */ /* .new3 .nrt .ul1 li:hover a .txt .ltt{color: #d9251c;} */ /* .new3 .nrt .ul1 li:hover a .txt .ltc{color: #444;} */ .new3 .nrt .ul1 li:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;} /* 专题热点详情 */ .spec{padding: 50px 0 ;background: url(../images/6_7.png) center top no-repeat;background-size: cover;} .spec .box{max-width: 1200px;} .spec .tt{text-align: center;color: #183884;} .spec .swiper4{margin: 50px 0 ;padding-bottom: 20px;} .spec .swiper4 .swiper-slide{padding: 5px;width: 286px;} .spec .swiper4 .swiper-slide .sbox{border-radius: 5px; text-align: center;line-height: 70px;background: #fff;color: #999;cursor: pointer;-moz-box-shadow:0px 1px 6px #DA251D; -webkit-box-shadow:0px 1px 6px #DA251D; box-shadow:0px 1px 6px #DA251D;} .spec .swiper4 .swiper-scrollbar-drag{background: #da251d;} .spec .swiper4 .scrollbar4{background: #ddd;} .spec .swiper4 .swiper-slide.act .sbox{background: #da251d;color: #fff;} .spec .spec1 .ul1{padding-left: 65px;} .spec .spec1 .ul1 li {display: none;} .spec .spec1 .ul1 li:nth-child(1) {display: block;} .spec .spec1 .ul1 li .img{width: 390px;float: right;} .spec .spec1 .ul1 li .llt{width: 590px;float: left;} .spec .spec1 .ul1 li .llt .ltt{color: #da251d;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .spec .spec1 .ul1 li .llt .ltc{padding-left: 30px;border-left: 4px solid #da251d;padding-bottom: 20px;line-height: 1.8;color: #999;margin-top: 45px;} .spec .spec1 .ul1 li .llt .ltc a{display: block;color: #da251d;margin-top: 20px;background: url(../images/6_9.png) center right no-repeat;width: 150px;} .spec .spec2{position: relative;padding-top: 50px;} .spec .spec2 .swiper5{margin: 55px 0 ;padding-bottom: 40px;} .spec .spec2 .swiper5 .swiper-slide{width: 290px;height: 365px;background: #fff;border-radius: 10px 10px 10px 80px;text-align: center;overflow: hidden;} .spec .spec2 .swiper5 .swiper-slide .img{margin: 40px auto 10px;max-width: 320px;transition-delay: 0s;-webkit-transition-delay: 0s;} .spec .spec2 .swiper5 .swiper-slide .sxian{display: block;width: 20px;height: 2px;background: #da251d;margin: 15px auto 35px;transition-delay: 0s;-webkit-transition-delay: 0s;} .spec .spec2 .swiper5 .swiper-slide .stc{display: block;padding: 0 15%;line-height: 1.5;color: #011244;margin-top: 150px;text-align: justify;transition-delay: 0s;-webkit-transition-delay: 0s;} .spec .spec2 .swiper5 .swiper-slide:hover{width: 580px;} .spec .spec2 .swiper5 .swiper-slide:hover .img{margin-top: 0px;transition-delay: .3s;-webkit-transition-delay: .3s;} .spec .spec2 .swiper5 .swiper-slide:hover .sxian{margin-bottom: 20px;transition-delay: .3s;-webkit-transition-delay: .3s;} .spec .spec2 .swiper5 .swiper-slide:hover .stc{margin-top: 0px;transition-delay: .3s;-webkit-transition-delay: .3s;} .spec .spec2 .swiper5 .swiper-scrollbar-drag{background: #da251d;} .spec .spec2 .swiper5 .scrollbar5{max-width: 1200px;left: 50%;margin-left: -600px;background: #ddd;} .spec .spec3 .aimg{margin-top: 50px;} .spec .spec3 .aimg a{display: block;width: 100%;overflow: hidden;border-radius: 50px;display: none;} .spec .spec3 .aimg a:nth-child(1){display: block;} .spec .spec3 .swiper6{background: rgba(255, 255, 255, 0.8);padding: 20px;border-radius: 10px;margin: 0 auto ; margin-top: -40px ;width: 90%; max-width: 1020px;text-align: center;cursor: pointer;padding-bottom: 30px;} .spec .spec3 .swiper6 .swiper-slide .img,.spec .spec3 .swiper6 .swiper-slide .img img{border-radius: 10px;overflow: hidden;} .spec .spec3 .swiper6 .swiper-slide .stt{color: #183884;margin-top: 10px;font-weight: bold;} .spec .spec3 .swiper6 .swiper-scrollbar-drag{background: #da251d;} .spec .spec3 .swiper6 .scrollbar6{background: #ddd;display: none;} .spec .spec3 .swiper6.act .scrollbar6{display: block;} .spec .spec4 .tt{margin: 50px 0 ;} .spec .spec4 .swiper7{padding-bottom: 30px;} .spec .spec4 .swiper7 .swiper-slide .sbox a{display: block;width: 100%;height: 330px;padding: 10px 0;text-align: center;background: #e2e9ec;} .spec .spec4 .swiper7 .swiper-slide .sbox a .img,.spec .spec4 .swiper7 .swiper-slide .sbox a .img img{width: 160px;overflow: hidden;border-radius: 50%;margin: 0 auto;} .spec .spec4 .swiper7 .swiper-slide .sbox a .stt{margin: 20px 0;color: #183884;} .spec .spec4 .swiper7 .swiper-slide .sbox a .stc{padding: 0 10%;line-height: 1.5;color: #666;} .spec .spec4 .swiper7 .swiper-slide .sbox a:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .spec .spec4 .swiper7 .swiper-scrollbar-drag{background: #da251d;} .spec .spec4 .swiper7 .scrollbar7{background: #ddd;display: none;} .spec .spec4 .swiper7.act .scrollbar7{display: block;} .spec .spec5{} .spec .spec5 .tt{margin: 50px 0 ;} .spec .spec5 .ul1{} .spec .spec5 .ul1 li{width: 49%;float: left;line-height: 70px;border:1px solid #ddd;padding: 0 10px;margin-bottom: 15px;} .spec .spec5 .ul1 li:nth-child(2n){float: right;} .spec .spec5 .ul1 li a{display: block;} .spec .spec5 .ul1 li .alt{width: calc(100% - 100px);float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #666;} .spec .spec5 .ul1 li .alt span{display: block;float: left;padding-right: 5px;color: #666;} .spec .spec5 .ul1 li .day{float: right;text-align: right;color: #999;} .spec .spec5 .ul1 li:hover {background: #da251d;} .spec .spec5 .ul1 li:hover .alt,.spec .spec5 .ul1 li:hover .day,.spec .spec5 .ul1 li:hover .alt span{color: #fff;} .spec6{padding: 60px 0;background: #fff;} .spec6 .tt{color: #183884;margin-bottom: 50px;} .sevrmsg1 .s_tp .ul1 li,.sevrmsg1 .s_tp .ul1 li input{background: #f0f0f0;} /* 专题2 */ .sp2ec .box{max-width: 1200px;} .sp2ec1{padding: 50px 0;background: url(../images/6_16.png) center bottom no-repeat;} .sp2ec .tt{text-align: center;color: #183884;} .sp2ec .xian{display: block;width: 350px;height: 4px;margin: 10px auto 50px;background: url(../images/x.png) center no-repeat;} .sp2ec1 .swiper8{} .sp2ec1 .swiper8 .swiper-slide{} .sp2ec1 .swiper8 .swiper-slide .sbox{padding: 0 100px;} .sp2ec1 .swiper8 .swiper-slide .sbox .img{display: block;width: 500px;float: left;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt{width: 450px;float: right;text-align: justify;line-height: 1.8;padding-top: 50px;} .sp2ec1 .swiper8 .scrollbar8{display: none;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt .ltt{margin-bottom: 20px;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt .ltc{color: #666;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt .ltc a{display: block;color: #da251d;margin-top: 40px;background: url(../images/6_9.png) center right no-repeat;width: 150px;} .sp2ec1 .swiper8 .prev8{width: 28px;height: 48px;background: url(../images/6_14_1.png) center no-repeat;left: 0;margin-top: -24px;} .sp2ec1 .swiper8 .next8{width: 28px;height: 48px;background: url(../images/6_15_1.png) center no-repeat;right: 0;margin-top: -24px;} .sp2ec1 .swiper8 .prev8:hover {background: url(../images/6_14_2.png) center no-repeat;} .sp2ec1 .swiper8 .next8:hover {background: url(../images/6_15_2.png) center no-repeat;} .sp2ec2 {padding: 50px 0 20px;} .sp2ec2 .stt .slt{float: left;padding: 30px 0 0 50px;background: url(../images/6_17.png) center left no-repeat;height: 65px;} .sp2ec2 .stt .more{display: block;width: 120px;line-height: 40px;text-align: center;background: #da251d;color: #fff;position: relative;overflow: hidden;float: right;margin-top: 20px;} .sp2ec2 .stt .more s{display: inline-block;width: calc(100% - 10px);height: calc(100% - 10px );border:1px solid #fff;position: absolute;left: 5px;top: 5px;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;} .sp2ec2 .stt .more:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .sp2ec2 .ul1{margin: 25px 0 35px;} .sp2ec2 .ul1 li{width: 23%;float: left;margin-right: 2.66%;} .sp2ec2 .ul1 li:last-child{margin-right: 0;} .sp2ec2 .ul1 li a{display: block;position: relative;overflow: hidden;background: url(../images/6_18.png) center no-repeat;} .sp2ec2 .ul1 li a .tc{position: absolute;width: 90%;left: 5%;bottom:10px;color: #fff;} .sp2ec2 .ul1 li:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);} .sp2ec2 .ul1 li:hover .tc{color: #d9251c;} .sp2ec3{padding: 50px 0;background: #f8f7f5;} .sp2ec3 .ul1{} .sp2ec3 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;text-align: center;line-height: 44px;background: #fff;} .sp2ec3 .ul1 li:nth-child(3n){margin-right: 0;} .sp2ec3 .ul1 li a{display: block;color: #183884;} .sp2ec3 .ul1 li .img{display: block;overflow: hidden;} .sp2ec3 .ul1 li .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001);} .sp2ec3 .ul1 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);} .sp2ec4{padding: 50px 0 ;} .sp2ec4 .sjt{padding: 0 100px;position: relative;} .sp2ec4 .swiper9{} .sp2ec4 .swiper9 .swiper-slide{} .sp2ec4 .swiper9 .swiper-slide .sbox{} .sp2ec4 .swiper9 .swiper-slide .sbox a{display: block;} .sp2ec4 .swiper9 .swiper-slide .sbox .img{display: block;width: 100%;overflow: hidden;} .sp2ec4 .swiper9 .swiper-slide .sbox .txt{padding: 20px 30px 0;position: relative;z-index: 2;margin-top: -75px;} .sp2ec4 .swiper9 .swiper-slide .sbox .txt .wenben{padding: 30px 20px 10px;background: #f0f7fd;} .sp2ec4 .swiper9 .swiper-slide .sbox .txt .wenben .stc{line-height: 1.8;height: 44px;text-align: justify;overflow: hidden;margin-top: 10px;} .sp2ec4 .swiper9 .swiper-slide .sbox .txt .s1{width: 85px;height: 85px;position: absolute;top: 0;left: 20px;background: #ff6991;opacity: 0.1;} .sp2ec4 .swiper9 .swiper-slide .sbox .txt .s2{width: 40px;height: 40px;position: absolute;bottom: 10px;right: 5px;background: #f9d6dc;opacity: 0.6;} .sp2ec4 .swiper9 .scrollbar9{display: none;} .sp2ec4 .sjt .prev9{width: 28px;height: 48px;background: url(../images/6_14_1.png) center no-repeat;left: 0;margin-top: -24px;} .sp2ec4 .sjt .next9{width: 28px;height: 48px;background: url(../images/6_15_1.png) center no-repeat;right: 0;margin-top: -24px;} .sp2ec4 .sjt .prev9:hover {background: url(../images/6_14_2.png) center no-repeat;} .sp2ec4 .sjt .next9:hover {background: url(../images/6_15_2.png) center no-repeat;} .sp2ec4 .swiper9 .swiper-slide .sbox:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .sp2ec5{padding-bottom: 50px;} .sp2ec5 .stop{} .sp2ec5 .stop .img{width: 52%;float: left;} .sp2ec5 .stop .ul1{width: 39%;float: right;border-left: 2px solid #ff94a6;height: 300px;margin-top: 20px;} .sp2ec5 .stop .ul1 li{line-height: 32px;position: relative;padding-left: 10px;margin-top: -16px;margin-bottom: 60px;} .sp2ec5 .stop .ul1 li s{display: block; width: 10px;height: 10px;background: url(../images/6_24.png) center left no-repeat;position: absolute;left: -7px;top: 7px;} .sp2ec5 .stop .ul1 li a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: url(../images/6_22.png) center left no-repeat;color: #666;} .sp2ec5 .stop .ul1 li a span{display: block;float: left;padding: 0 50px 0 25px;} .sp2ec5 .stop .ul1 li:hover s{background: url(../images/6_23.png) center left no-repeat;} .sp2ec5 .stop .ul1 li:hover a{color: #d9251c;} .sp2ec6{padding-top: 50px ;background: #000;color: #fff;} .sp2ec6 .tt{color: #fff;} .sp2ec6 .s_tp{border:0;padding-top: 50px;} /* 电子刊 */ .new1 .ule li,.new1 .ule li:nth-child(3n){width: 32.5%;margin-right: 1.13%;margin-bottom: 1.13%;} .new1 .ule li:nth-child(3n){margin-right: 0;} /*.new4 .ule li a .txt .ltt{margin-bottom: 0px;height: 30px;border-bottom:0;padding-bottom: 0px;}*/ .new4 .ule li a .txt .ltc2{ line-height: 1.5; color: #999; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 42px; display: none; } .new4 .ule li:hover a .txt .ltc2{color: #d9251c;} /* 成员 */ .us1{padding: 50px 0;background: #f5f5f5;} .us1 .utop{} .us1 .tt{text-align: center;} .us1 .en{text-align: center;margin: 14px 0 46px;color: #999;} .us1 .utop .ult{width: calc(100% - 350px);float: left;} .us1 .utop .ult img{display: block;max-width: 100%;} .us1 .utop .urt{width: 340px;float: right;} .us1 .utop .urt li:nth-child(1){border-top: 1px solid #ddd;} .us1 .utop .urt li{padding:20px 0 ;border-bottom: 1px solid #ddd;} .us1 .utop .urt li .txt{float: left;line-height: 1.1;color: #666;} .us1 .utop .urt li .txt .utt{color: #da251d;font-size: 48px;font-weight: bold;margin-bottom: 5px;} .us1 .utop .urt li img{display: block;float: right;} .us1 .utop .urt .zi{color: #666;line-height: 1.5;margin-top: 20px;} .us1 .ubtm{margin-top: 100px;display: none;} .us1 .nbtn{width: 100%;margin-top: 60px;background: #fff;border-radius: 5px;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;} .us1 .nbtn li{width: 20%;float: left;height: 140px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .us1 .nbtn li a{display: block;padding: 10px;width: 100%;height: 100%;} .us1 .nbtn li a img{display: block;width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .us1 .nbtn li:hover{-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;} /* 投资者 */ .inve1{padding: 50px 0;} .inve1 .intop1 {} .inve1 .intop1 .itt{padding-left: 10px;border-left: 4px solid #d9251c;display: none;} .inve1 .intop1 .ul1{margin: 0;border-radius: 5px;} .inve1 .intop1 .ul1 a{display: block;width: 100%;padding: 0 100px 0 55px;line-height: 70px;border: 1px solid #ddd;background: #fff;margin-bottom: 20px;border-radius: 5px;position: relative;overflow: hidden;} .inve1 .intop1 .ul1 a::before{content: '';display: block;width: 0;height: 3px;background: #d9251c;position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .inve1 .intop1 .ul1 a .day{color: #999;float: left;width: 120px;position: relative;} .inve1 .intop1 .ul1 a .day:after{content: '';display: block;width: 1px;height: 50%;position: absolute;background: #ddd;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .inve1 .intop1 .ul1 a .txt{width:calc(100% - 260px);float: left;color: #444;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 50px;} .inve1 .intop1 .ul1 a span{width: 80px;float: right;color: #666;background: url(../images/1_9_3.png) right center no-repeat;} .inve1 .intop1 .ul1 a:hover::before{width: 100%;} .inve1 .intop1 .ul1 a:hover span{background: url(../images/1_9_4.png) right center no-repeat;color: #d9251c;} .inve1 .intop1 .ul1 a:hover .txt{color: #d9251c;} .inve1 .intop1 .ul1 a:hover{-moz-box-shadow:0px 1px 20px #DDDDDD; -webkit-box-shadow:0px 1px 20px #DDDDDD; box-shadow:0px 1px 20px #DDDDDD;} .inve1 .intop1 .ixl{padding: 60px ;background: #fff url(../images/gp.png) center left no-repeat;border:1px solid #ddd;} .inve1 .intop1 .ixl .ilt{width: 50%;float: left;border-right: 1px solid #ddd;padding-right: 5%;} .inve1 .intop1 .ixl .ilt .num{font-size: 60px;margin: 45px 0;color: #444;position: relative;} .inve1 .intop1 .ixl .ilt .num .shang{display: inline-block;width: 160px;font-size: 20px;padding: 10px 0 0 30px;} .inve1 .intop1 .ixl .ilt .num .shang.red{color: #d9251c;background: url(../images/gp2.png) left bottom no-repeat;} .inve1 .intop1 .ixl .ilt .num .shang.green{color: #2db93d;background: url(../images/gp3.png) left bottom no-repeat;} .inve1 .intop1 .ixl .ilt .ltc{color: #999;line-height: 1.5;} .inve1 .intop1 .ixl .irt{width: 50%;float: right;padding-left: 5%;} .inve1 .intop1 .ixl .irt li{width: 25%;float: left;padding-top: 50px;} .inve1 .intop1 .ixl .irt li:last-child{text-align: center;} .inve1 .intop1 .ixl .irt li .num{color: #999;opacity: 0.6;margin-top: 30px;} .inve1 .intop1 .ilj{padding: 40px 60px;background: #fff;border:1px solid #ddd;} .inve1 .intop1 .ilj .ilt{width: 50%;float: left;} .inve1 .intop1 .ilj .ilt a{display: block;font-size: 18px;margin-top: 30px;} .inve1 .intop1 .ilj .ilt a span{display: inline-block;border-bottom: 1px solid #666;} .inve1 .intop1 .ilj .irt{width: 50%;float: right;} .inve1 .intop1 .ilj .irt .img{margin-top: 15px;} .inve1 .intop1 .ilj .irt .img a{display: block;width: 32%;float: left;border:1px solid #ddd;border-radius: 5px;padding: 10px;margin-right: 2%;} .inve1 .intop1 .ilj .irt .img a:last-child{margin-right: 0;} .inve1 .intop1 .ilj .irt .img a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);} /* 实验室 */ .ztbal1{padding: 0;} .ztbal1 .icont{background: #fff;} .ztbal1 .icont dl{display: block;} .ztbal1 .ibox{padding: 0;} .ztbal1 .icont dl.dl2 dt{background: url(../images/8_2.png) center no-repeat;background-size: cover;} /*.ztbal1 .icont dl.dl2 dd:nth-child(4){display: none;}*/ .ztbal2{} .ztbal2 .dl1{margin: 40px 0 ;} .ztbal2 .dl1 dt{width: 23.8%;float: left;} .ztbal2 .dl1 a{display: block;position: relative;overflow: hidden;} .ztbal2 .dl1 a img{display: block;width: 100%;} .ztbal2 .dl1 a s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #da251d;opacity: 0;} .ztbal2 .dl1 a .txt{position: absolute;width: 100%;left: 0;top: 50%;text-align: center;color: #fff;margin-top: -18px;opacity: 0; z-index: 3;} .ztbal2 .dl1 a .txt .dtc{margin-top: 15px;} .ztbal2 .dl1 a .dtt2{position: absolute;width: 100%;left: 0;bottom:10px;padding: 0 5%;color: #fff;z-index: 3;} .ztbal2 .dl1 a:hover .txt{margin-top: -28px;opacity: 1;} .ztbal2 .dl1 a:hover s{opacity: 0.2;} .ztbal2 .dl1 a:hover .dtt2{bottom: -30px;} .ztbal2 .dl1 dd{width: 74.6%;float: right;} .ztbal2 .dl1 dd a{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;} .ztbal2 .dl1 dd a:nth-child(3n){margin-right: 0;} .ztbal3{padding-bottom: 40px} .ztbal3 .abtn{margin-top: 40px;} .ztbal3 .abtn a{display: block;background: #f5f5f5;width: 18.66%;float: left;margin-right: 1.675%;margin-bottom: 1.5%;} .ztbal3 .abtn a:nth-child(5n){margin-right: 0;} .ztbal3 .abtn a img{display: block;} .ztbal3 .abtn a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);} /* 工业 */ .ztbal4 .dl1 dt{width: 30.7%;float: right;} .ztbal4 .dl1 dd{width: 68%;float: left;} .ztbal4 .dl1 dd a{margin-right: 0;width: 49%;} .ztbal4 .dl1 dd a:nth-child(1){width: 100%;} .ztbal4 .dl1 dd a:nth-child(3){float: right;} /* 党建 */ .banner_bu .txt{color: #da251d;} .banner_bu .txt .xian{background: #da251d;opacity: 0.2;} .buil{background: url(../images/9_2.png) center bottom no-repeat;background-size: cover;} .buil1{padding: 80px 0 ;} .buil1 .blt{width: 45.4%;float: left;} .buil1 .blt .swiper10{} .buil1 .blt .swiper10 .pagination10 span{width: 25px;height: 5px;border-radius: 5px;background: #fff;opacity: .5;} .buil1 .blt .swiper10 .pagination10 .swiper-pagination-bullet-active{background: #da251d;opacity: 1;} .buil1 .brt{width: 53%;float: right;text-align: justify;color: #666;line-height: 1.8;padding-top: 20px;} .buil2 img{margin: 0 auto;} .buil3{padding: 80px 0 60px;} .buil3 .tt{text-align: center;} .buil3 .en{color: #999;text-align: center;margin: 14px 0 46px;} .buil3 .dl1{} .buil3 .dl1 dd{width: 32%;height: 100px;padding: 20px 25px 0;border: 1px solid #ddd;border-radius: 5px;margin-right: 2%;margin-bottom: 2%;float: left;background: #fff;position: relative;overflow: hidden;} .buil3 .dl1 dd:nth-child(3n){margin-right: 0;} .buil3 .dl1 dd .dtt{display: block;width: 100%;color: #444;padding-bottom: 14px;margin-bottom: 14px;border-bottom: 1px solid #ddd;overflow: hidden;line-height: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .buil3 .dl1 dd .dtc{color: #999;} .buil3 .dl1 dd s{display: block;width: 0%;height: 3px;background: #da251d;position: absolute;left: 0;bottom: 0;} .buil3 .dl1 dd:hover {border: 1px solid #da251d;} .buil3 .dl1 dd:hover s{width: 100%;} .buil3 .dl1 dd:hover .dtt{color: #da251d;} .buil3 .dl1 dd:hover .dtc{color: #000;} /* 博士后 */ .joi_bs{background: #f5f5f5;padding: 50px 0;} .joi_bs .tt{text-align: center;color: #4c4c4c;} .joi_bs .en{text-align: center;color: #999;margin: 14px 0 46px;} .joi_bs1 .abtn{border-top: 1px solid #ddd;padding: 30px 0 50px;text-align: center;} .joi_bs1 .abtn a{display: block;width: 32%;margin-right: 2%;line-height: 60px;border:1px solid #ddd;float: left;background: #fff;} .joi_bs1 .abtn a:last-child{margin-right: 0;} .joi_bs1 .abtn a:hover,.joi_bs1 .abtn a.act{background: #da251d;color: #fff;} .joi_bs1 .img0{} .joi_bs1 .img0 img{width: 33%;margin-right: 0.5%;float: left;} .joi_bs1 .img0 img:last-child{margin-right: 0;} .joi_bs1 .jtt{padding-left: 15px;border-left: 4px solid #da251d;margin: 30px 0;} .joi_bs1 .jtc{padding-left: 20px;text-align: justify;line-height: 1.8;color: #999;padding-bottom: 30px;border-bottom: 1px solid #ddd;} .joi_bs2{padding: 50px 0;border-bottom: 1px solid #ddd;} .joi_bs2 .jtt{padding-left: 15px;border-left: 4px solid #da251d;margin: 0 0 35px;} .joi_bs2 .dl1{padding: 35px;background: #fff;} .joi_bs2 .dl1 dt{line-height: 50px;} .joi_bs2 .dl1 dt span{display: block;width: 16.66%;float: left;text-align: center;} .joi_bs2 .dl1 dd{border:1px solid #ddd;margin-bottom: 2px;} .joi_bs2 .dl1 dd .dtp{line-height: 50px;cursor: pointer;} .joi_bs2 .dl1 dd .dtp span{display: block;width: 16.66%;float: left;text-align: center;} .joi_bs2 .dl1 dd .dtp.act{background: #da251d; color: #fff;} .joi_bs2 .dl1 dd .dtp.act span{color: #fff;} .joi_bs2 .dl1 dd .dbt{border-top: 1px solid #ddd;padding: 40px 80px;display: none;} .joi_bs2 .dl1 dd .dbt .jlt{color: #666;line-height: 2;width: 50%;float: left;} .joi_bs2 .dl1 dd .dbt .jrt{width: 100%;float: left;border-top: 1px solid #ddd;padding-top:30px;margin-top: 50px; line-height: 34px;font-size: 14px;} .joi_bs2 .dl1 dd .dbt .jrt a.jl{display: block;width: 100px;background: #da251d url(../images/9_5_4.png) 15px center no-repeat;padding-left: 30px; color: #fff;float: right;} .joi_bs3{padding:50px 0 0;} .joi_bs3 .jtt{padding-left: 15px;border-left: 4px solid #da251d;margin: 0 0 50px;} .joi_bs3 .ul1{} .joi_bs3 .ul1 li{margin-bottom: 20px;} .joi_bs3 .ul1 li a{display: block;padding: 30px;background: #fff;position: relative;border: 1px solid #dddf;} .joi_bs3 .ul1 li a::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .joi_bs3 .ul1 li a .day{width: 75px;float: left;margin-right: 40px;} .joi_bs3 .ul1 li a .day .num{color: #999;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 2px solid #ddd;} .joi_bs3 .ul1 li a .day .num2{color: #999;} .joi_bs3 .ul1 li a .img{width: 270px;overflow: hidden;float: left;} .joi_bs3 .ul1 li a .lrt{width: calc(100% - 385px);float: right;padding-left: 50px;} .joi_bs3 .ul1 li a .lrt .ltt{margin: 15px 0;color: #333;font-weight: bold;} .joi_bs3 .ul1 li a .lrt .ltc{color: #999;line-height: 1.8;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height: 3.6em;} .joi_bs3 .ul1 li a .lrt .ll{border-top: 1px solid #ddd;padding-top: 15px;margin-top: 10px;color: #a8afb2;} .joi_bs3 .ul1 li a .lrt .ll .rq{float: left;line-height: 24px;padding-left: 30px;background: url(../images/9_7_1.png) center left no-repeat;} .joi_bs3 .ul1 li a .lrt .ll .rq span{color: #a8a8a8;} .joi_bs3 .ul1 li a .lrt .ll .l{float: left;line-height: 24px;padding-left: 30px;background: url(../images/9_7_3.png) center left no-repeat;margin-left: 50px;} .joi_bs3 .ul1 li a:hover{-moz-box-shadow:0px 2px 10px #DDDDDD; -webkit-box-shadow:0px 2px 10px #DDDDDD; box-shadow:0px 2px 10px #DDDDDD;} .joi_bs3 .ul1 li a:hover::before{width: 100%;} .joi_bs3 .ul1 li a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);} .joi_bs3 .ul1 li a:hover .lrt .ltt{color: #d9251c;} /* 销售网络 */ .sevr_net1{background: #f5f5f5;padding: 50px 0;} .sevr_net1 .tt{text-align: center;color: #4c4c4c;} .sevr_net1 .en{text-align: center;color: #999;margin: 14px 0 46px;} .sevr_net1 .stop {padding: 30px 0;border-top: 1px solid #ddd;} .sevr_net1 .stop .slt{line-height: 24px;padding-left: 15px;border-left: 4px solid #da251d;float: left;} .sevr_net1 .stop .slt a{display: inline-block;padding-left: 30px;background: url(../images/9_7_5.png) left center no-repeat;color: #da251d;} .sevr_net1 .stop .srt{float: right;} .sevr_net1 .stop .srt li{float: left;color: #da251d;margin-right: 100px;} .sevr_net1 .stop .srt li img{display: block;float: left;margin-right: 10px;} .sevr_net1 .stop .srt li .txt{float: left;line-height: 1.2;} .sevr_net1 .tc3{margin-top: 70px;} .sevr_net1 .tc3 .tlt{width: calc(100% - 860px);float: left;} .sevr_net1 .tc3 .tlt .tbtn{margin-bottom: 20px;} .sevr_net1 .tc3 .tlt .tbtn span{display: block;float: left;width: 22%;line-height: 36px;text-align: center;line-height: 36px;border:1px solid #ddd;margin-right: 4%;margin-bottom: 20px;cursor: pointer;} .sevr_net1 .tc3 .tlt .tbtn span:nth-child(4n){margin-right: 0;} .sevr_net1 .tc3 .tlt .tbtn span.act,.sevr_net1 .tc3 .tlt .tbtn span:hover{background: #da251d;border:1px solid #da251d;color: #fff;} .sevr_net1 .tc3 .tlt .txbox{width: 100%;height: 445px;border:1px solid #ddd;padding: 50px 40px;} .sevr_net1 .tc3 .tlt .txbox dl{width: 100%;height: 360px;overflow: auto;padding-right: 30px;display: none;} .sevr_net1 .tc3 .tlt .txbox dl:nth-child(1){display: block;} .sevr_net1 .tc3 .tlt .txbox dl::-webkit-scrollbar{ width:4px;} .sevr_net1 .tc3 .tlt .txbox dl::-webkit-scrollbar-thumb{ background:#da251d;} .sevr_net1 .tc3 .tlt .txbox dl::-webkit-scrollbar-track{ background:#ddd;} .sevr_net1 .tc3 .tlt .txbox dl dt{display: block;margin-bottom: 50px;} .sevr_net1 .tc3 .tlt .txbox dl dd{margin-bottom: 45px;} .sevr_net1 .tc3 .tlt .txbox dl dd .dtt{display: block;border-left: 2px solid #da251d;padding-left: 10px;line-height: 1.4;} .sevr_net1 .tc3 .tlt .txbox dl dd .dtc{color: #999;line-height: 1.5;margin-top: 10px;} .sevr_net1 .tc3 .trt{width: 760px;float: right;position: relative;} .sevr_net1 .tc3 .trt > img{display: block;width: 100%;} .sevr_net1 .tc3 .trt .img{position: absolute;top: 0;right: 0;z-index: 2;width: 100%;} .sevr_net1 .tc3 .trt .img img{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;} .sevr_net1 .tc3 .trt .img img.act{opacity: 1;} .sevr_net1 .tc3 .trt .ditu{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;} .sevr_net1 .tc3 .trt .ditu li{display: block;position: absolute;text-align: center;line-height: 22px;} .sevr_net1 .tc3 .trt .ditu li s{display: block;width: 16px;height: 22px;background: url(../images/map_dw.png) center no-repeat;margin: 0 auto;} .sevr_net1 .tc3 .trt .ditu li.act{color: #fff;font-weight: bold;} .sevr_net1 .tc3 .trt .ditu li.act s{background: url(../images/map_dw1.png) center no-repeat;} .sevr_net1 .tc3 .trt .ditu li:nth-child(1){top: 109px;left: 566px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(2){top: 191px;left: 429px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(3){top: 374px;left: 504px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(4){top: 354px;left: 433px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(5){top: 472px;left: 391px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(6){top: 330px;left: 150px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(7){top: 200px;left: 180px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(8){top: 495px;left: 465px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(9){top: 502px;left: 434px;} .sevr_net1 .tc3 .trt .ditu li:nth-child(10){top: 474px;left: 544px;} .sevr_net2 .tc3 .tlt .tbtn span{width: auto;padding: 0 10px;margin-right: 10px;margin-bottom: 10px;white-space: nowrap;} .sevr_net2 .tc3 .tlt .tbtn span:nth-child(4n){margin-right: 10px;} /* 数字未来 */ .num_sz1{background: #f5f5f5;padding: 50px 0;} .num_sz1 .tt{text-align: center;color: #444;} .num_sz1 .tt span{color: #da251d;} .num_sz1 .en{text-align: center;color: #999;margin: 14px 0 46px;} .num_sz1 .nutp{} .num_sz1 .nutp .nlt{width: 46%;float: left;} .num_sz1 .nutp .nlt .ntc1{padding-top: 20px;line-height: 1.8;margin-bottom: 20px;} .num_sz1 .nutp .nlt .ul1{} .num_sz1 .nutp .nlt .ul1 li{border-top: 1px solid #ddd;padding: 20px 0;line-height: 1.5;} .num_sz1 .nutp .nlt .ul1 li .ltc{margin-top: 5px;color: #999;} .num_sz1 .nutp .nrt{width: 50%;float: right;} .num_sz1 .nutp .nrt img{display: block;width: 100%;} .num_sz2{padding: 50px 0;} .num_sz2 .nlt{width: 50%;float: left;} .num_sz2 .nrt{width: 46%;float: right;padding-top: 100px;} .num_sz2 .nrt .en{margin: 14px 0 20px;color: #999;} .num_sz2 .nrt .ntc{border-top: 1px solid #ddd;padding-top: 20px;line-height: 1.8;text-align: justify;} /* 环境 */ .banner{} .banner .btx{position: absolute;width: 100%;top: 0;left: 0;z-index: 2;height: 100%;} .banner .btx .box{height: 100%;} .banner .btx .blt{width: 40%;float: left;font-size: 58px;color: #fff;text-align: justify;line-height: 1.5;position: relative; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .banner .btx .brt{width: 53.5%;float: right;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .banner .btx .brt > img{display: block;width: 100%;} .banner .btx .brt .gif{position: absolute;top: 0;left: 0;z-index: 1;} .banner .btx .brt .quan{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .banner .btx .brt .quan a{display: block;width: 10%;padding-top: 10%;border:1px solid #fff;opacity: .3;border-radius: 50%;position: absolute;top: 0;left: 0;animation:big 2s linear infinite;-webkit-animation:big 2s linear infinite ;} .banner .btx .brt .quan a:nth-child(1){left: 15%;top:46.5%;} .banner .btx .brt .quan a:nth-child(2){left: 75.35%;top:46.2%;} .banner .btx .brt .quan a:nth-child(3){left: 45.3%;top:9.4%;} .banner .btx .brt .quan a:hover{border:1px solid #db2c24;} .banner .btx .brt .abtn{position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;} .banner .btx .brt .abtn a{display: block;width: 27.4%;height: 18%;position: absolute;cursor: pointer;} .banner .btx .brt .abtn a:nth-child(1){top:2%;left: 50%;margin-left: -13.7%;height: 20%;} .banner .btx .brt .abtn a:nth-child(2){top: 50%;left: 0;margin-top: -5%;} .banner .btx .brt .abtn a:nth-child(3){top: 50%;left: auto;right: 0; margin-top: -5%;} .env1{width: 100%;height: 800px;background: url(../images/11_2.png) center no-repeat;text-align: center;color: #fff;margin-top: 50px;position: relative;} .env1 .tt{position: absolute;width: 100%;top: 150px;left: 0;z-index: 2;} .env1 .ul1{} .env1 .ul1 li{width: 20%;float: left;border-right: 1px solid rgba(255, 255, 255, 0.2);height: 800px;overflow: hidden;} .env1 .ul1 li .img{margin: 300px auto 10px;width: 100px;display: block;} .env1 .ul1 li .ltc{width: 250px;height: 0px;margin: 30px auto 0;overflow: hidden;} .env1 .ul1 li .ltc .abtn{} .env1 .ul1 li .ltc .abtn div{cursor: pointer;width: 66px;height: 66px;border:1px solid rgba(255, 255, 255, 0.6);padding: 5px;border-radius: 50%;float: left;margin-right: 26px;} .env1 .ul1 li .ltc .abtn div:last-child{margin-right: 0;} .env1 .ul1 li .ltc .abtn div span{display: block;width: 100%;line-height: 56px;background: rgba(19 ,122,190,0.6);border-radius: 50%;} .env1 .ul1 li .ltc .abtn div.act span,.env1 .ul1 li .ltc .abtn div:hover span{background: rgba(218 ,37,29,0.8);} .env1 .ul1 li .dl1{width: 220px;height: 190px;margin: 30px auto 0;overflow: hidden;} .env1 .ul1 li .dl1 dd{width: 100%;height: 100%;overflow: auto;padding-right: 10px;display: none;} .env1 .ul1 li .dl1 dd:nth-child(1){display: block;} .env1 .ul1 li .dl1 dd a{display: block;color: #fff;width: 100%;line-height: 48px;border:1px solid #ddd;margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .env1 .ul1 li .dl1 dd a:hover{background: #da251d;border:1px solid #da251d;color: #fff;} .env1 .ul1 li .dl1 dd::-webkit-scrollbar{ width:4px;} .env1 .ul1 li .dl1 dd::-webkit-scrollbar-thumb{ background:#fff;} .env1 .ul1 li .dl1 dd::-webkit-scrollbar-track{ background:rgba(255, 255, 255, 0.3);} .env1 .ul1 li .more{display: none;width: 120px;text-align: center;color: #fff;padding: 12px 0;margin: 70px auto 0;} .env1 .ul1 li .more span{border-bottom: 1px solid #fff;} .env1 .ul1 li:hover .ltc{height: 300px;} .env1 .ul1 li:hover .more{background: #da251d;} .env1 .ul1 li:hover .img{margin-top: 180px;} .env1 .ul1 li:nth-child(n + 3):hover .img{margin-top: 250px;} .env2 .itt{margin-bottom: 50px;} .env2 .icont dl.dl2 dd{background: #f0eff1;} .env2 .icont dl.dl2 dd:nth-child(2n){background: #fff;} .env3 .abtn a{width: 13.75%;margin-right: 0.625%;} .env3 .abtn a:nth-child(5n){margin-right: 0.625%;} .env3 .abtn a:nth-child(7n){margin-right:0;} /* 综合发展 */ .zt_co1{padding: 50px 0 ;} .zt_co2{} .zt_co2 .ul1 li{margin-bottom: 40px;position: relative;overflow: hidden;height: 530px;} .zt_co2 .ul1 li a{display: block;position: relative;} .zt_co2 .ul1 li .img{width: 57.8%;float: left;height: 100%;overflow: hidden;} .zt_co2 .ul1 li .img img{max-width: 1110px;height: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .zt_co2 .ul1 li a .abox{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .zt_co2 .ul1 li .lrt{width: 40%;float: right;height: 100%;padding: 10% 0 0 7%;} .zt_co2 .ul1 li .lrt .ltt{line-height: 1.5;} .zt_co2 .ul1 li .lrt .ltc{max-width: 440px;line-height: 1.8;color: #666;margin: 40px 0 50px;height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .zt_co2 .ul1 li .lrt .more{display: block;width: 120px;line-height: 40px;text-align: center;position: relative;overflow: hidden;color: #666;} .zt_co2 .ul1 li .lrt .more s{display: inline-block;width: calc(100% - 10px);height: calc(100% - 10px );border:1px solid #fff;position: absolute;left: 5px;top: 5px;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;} .zt_co2 .ul1 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);} .zt_co2 .ul1 li:hover .lrt .more s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .zt_co2 .ul1 li:hover .lrt .more{background: #da251d;color: #fff;} .zt_co2 .ul1 li:hover .lrt .ltt{color: #da251d;} .zt_co2 .ul1 li:nth-child(2n) .img{float: right;} .zt_co2 .ul1 li:nth-child(2n) .lrt{float: left; padding: 10% 7% 0 0;} .zt_co3{margin-top: 50px;} .zt_co3 .dl1 dt{width: 31.8%;} .zt_co3 .dl1 dd{width: 67%;} .zt_co3 .dl1 dd a{width: 49%;margin-right: 0;} .zt_co3 .dl1 dd a:nth-child(2n){float: right;} /* 城市生态 */ .zt_cs1{padding-bottom: 0px;} .zt_cs1 .tt{padding: 40px 0;border-bottom: 1px solid #ddd;} .zt_cs2{background: #f5f5f5;padding: 20px 0 0;} .zt_cs2 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 40px;} .zt_cs2 .ztop{} .zt_cs2 .ztop .img{width: 43.5%;float: left;} .zt_cs2 .ztop .txt{width: 48.5%;float: right;line-height: 2;color: #666;} .zt_cs2 .ztop .ul1{} .zt_cs2 .ztop .ul1 li{margin-top: 38px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 22px;color: #999;} .zt_cs2 .ztop .ul1 li span{width: 22px;text-align: center;display: block;float: left;background: #183884; color: #fff;border-radius: 50%;margin-right: 16px;} .zt_cs3{background: #f5f5f5;padding: 50px 0;} .zt_cs3 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_cs3 .tc{color: #999;line-height: 2;} .zt_cs3 .ztop{} .zt_cs3 .ztop .ul1{width: 50%;float: left;} .zt_cs3 .ztop .ul1 li{margin-bottom: 40px;} .zt_cs3 .ztop .ul1 li .img{float: left;width: 36px;} .zt_cs3 .ztop .ul1 li .lrt{width: calc(100% - 45px);float: right;line-height: 1.8;} .zt_cs3 .ztop .ul1 li .lrt .ltt{line-height: 36px;} .zt_cs3 .ztop .ul1 li .lrt .ltc{color: #999;text-align: justify;} .zt_cs3 .ztop .zrt{width: 46%;float: right;padding-top: 100px;} .zt_cs4{background: #f5f5f5;padding-bottom: 70px;} .zt_cs4 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_cs4 .tc{color: #666;line-height: 1.5;margin-bottom: 20px;} .zt_cs4 .ztop{border:1px solid #ddd;background: #fff;text-align: center;min-height: 315px;position: relative;} .zt_cs4 .ztop:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: #ddd;} .zt_cs4 .ztop .zlt{width: 50%;float: left;height: 100%;padding: 40px 0;} .zt_cs4 .ztop .zlt .num{font-size: 72px;color: #183884;line-height: 1;height: 46px;overflow: hidden;} .zt_cs4 .ztop .zlt .ztt{margin: 20px 0 ;} .zt_cs4 .ztop .zlt .ztc{color: #999;line-height: 2;} .zt_cs4 .ztop .zlt .ztc2{padding: 0 4%;} .zt_cs4 .ztop .zlt .ztc2 span{display: block;width: 33.33%;float: left;} .zt_cs5{background: #f5f5f5;padding-bottom: 70px;} .zt_cs5 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_cs5 .ul1{background: #fff;border:1px solid #ddd;} .zt_cs5 .ul1 li{padding: 20px 40px;border-bottom: 1px solid #ddd;line-height: 26px;} .zt_cs5 .ul1 li:last-child{border: 0;} .zt_cs5 .ul1 li span{width: 150px;float: left;} .zt_cs5 .ul1 li div{width: calc(100% - 150px);float: left;color: #999;} .zt_cs6{background: #f5f5f5;padding-bottom: 70px;} .zt_cs6 .itt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_cs6 .ibt .swiper3 .swiper-slide {width: 500px;} .zt_cs6 .ibt .swiper3 .swiper-slide .sbox img{width: 840px;height: 430px;max-width: 840px;} .zt_cs7{padding: 100px 0;background: #f6f7f9;} .zt_cs7 .tt{padding-left: 20px;border-left: 4px solid #da251d;} .zt_cs7 .abtn{margin: 40px 0;} .zt_cs7 .abtn span{display: block;float: left;padding: 15px 30px;border: 1px solid #ddd;margin-right: 20px;cursor: pointer;background: #fff;} .zt_cs7 .abtn span.act,.zt_cs7 .abtn span:hover{background: #da251d;color: #fff;border: 1px solid #da251d;} .zt_cs7 .ul1{} .zt_cs7 .ul1 li{display: none;} .zt_cs7 .ul1 li:nth-child(1){display: block;} .zt_cs7 .ul1 li a{display: block;} .zt_cs7 .ul1 li a .llt{width: 46%;float: left;line-height: 1.5;text-align: justify;} .zt_cs7 .ul1 li a .llt .ltt{color: #666;} .zt_cs7 .ul1 li a .llt .ltc{line-height: 1.8;color: #999;margin: 30px 0 80px;} .zt_cs7 .ul1 li a .llt .more{width: 120px;line-height: 36px;text-align: center;background: #da251d;color: #fff;} .zt_cs7 .ul1 li a .lrt{width: 46%;float: right;} .zt_cs8{padding: 0 0 30px 0;background: #f6f7f9;} .zt_cs8 .tt{padding-left: 20px;border-left: 4px solid #da251d;} .zt_cs8 .abtn{margin: 40px 0;} .zt_cs8 .abtn span{display: block;float: left;border: 1px solid #ddd;cursor: pointer;background: #fff;width: 19%;margin-right: 1.25%;line-height: 60px;text-align: center;} .zt_cs8 .abtn span:last-child{margin-right: 0;} .zt_cs8 .abtn span.act,.zt_cs8 .abtn span:hover{background: #da251d;color: #fff;border: 1px solid #da251d;} .zt_cs8 .ul1{} .zt_cs8 .ul1 li{display: none;position: relative;} .zt_cs8 .ul1 li:nth-child(1){display: block;} .zt_cs8 .ul1 li .llt{width: 49.5%;float: left;} .zt_cs8 .ul1 li .lrt{width: 45%;position: absolute;right: 0;text-align: justify;line-height: 2;color: #999;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);} /* 案例 */ .anli1{padding: 40px 0 2px;} .anli1 .tc{line-height: 2;} .anli2{background: #f5f5f5;padding-bottom: 100px;} .anli2 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .anli2 .vd{max-width: 1110px;margin: 0 auto ;position: relative;} .anli2 .vd img{margin: 0 auto;} .anli2 .vd .bf{width: 50px;height: 50px;position: absolute;left:50%;top: 50%;margin-top: -25px;margin-left: -25px; z-index: 3;background: #fff;border-radius: 50%;overflow: hidden;cursor: pointer;} .anli2 .vd .bf s{display: block;width: 80%;height: 80%;background: #da251d url(../images/bf.png) center no-repeat;margin: 10% auto;border-radius: 50%;} .anli2 .vd .bf:hover s{transform: scale(0.9);-webkit-transform: scale(0.9);} /* 河湖 */ .zt_hh1{padding: 50px 0 70px;background: #f5f5f5;} .zt_hh1 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_hh1 .tc{color: #999;line-height: 2;} .zt_hh1 .img{margin-top: 40px;} .zt_hh1 .img img{display: block;margin: 0 auto;} .zt_hh2{padding: 0 0 30px 0;background: #f6f7f9;} .zt_hh2 .tt{padding-left: 20px;border-left: 4px solid #da251d;} .zt_hh2 .abtn{margin: 40px 0;} .zt_hh2 .abtn span{display: block;float: left;border: 1px solid #ddd;cursor: pointer;width: 19%;margin-right: 1.25%;line-height: 60px;text-align: center;position: relative;} .zt_hh2 .abtn span::before{content: '';display: block;width: 0;height: 2px;background: #d9251c;position: absolute;left: 0;bottom: 0;z-index: 2;-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);} .zt_hh2 .abtn span:last-child{margin-right: 0;} .zt_hh2 .abtn span.act,.zt_hh2 .abtn span:hover{color: #d9251c;} .zt_hh2 .abtn span.act::before,.zt_hh2 .abtn span:hover::before{width: 100%;} .zt_hh2 .ul1{} .zt_hh2 .ul1 li{display: none;position: relative;} .zt_hh2 .ul1 li:nth-child(1){display: block;} .zt_hh2 .ul1 li .llt{width: 47%;float: left;color: #999;line-height: 1.8;} .zt_hh2 .ul1 li .ltt{color: #666;} .zt_hh2 .ul1 li .ltc{margin: 20px 0 40px;text-align: justify;padding-bottom: 40px;border-bottom: 1px solid #ddd;} .zt_hh2 .ul1 li .ltc2{padding: 10px 0;} .zt_hh2 .ul1 li .more{display: block;width: 126px;line-height: 36px;text-align: center;border:1px solid #ddd;} .zt_hh2 .ul1 li .more:hover{background: #da251d;color: #fff;border:1px solid #da251d;} .zt_hh2 .ul1 li .lrt{width: 47%;float: right;} .zt_hh3{background: #f6f7f9;} .zt_hh3 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_hh3 .tc{color: #999;} .zt_hh3 .tc div{display: block;width: 33.33%;float: left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-bottom: 20px;} .zt_hh4{background:#f6f7f9;} /* 水利 */ .zt_sl1{background:#f6f7f9;padding: 50px 0;} .zt_sl1 .abtn{text-align: center;margin-bottom: 40px;} .zt_sl1 .abtn a{display: inline-block;border:1px solid #ddd;background: #ffffff;padding: 15px 30px;margin: 0 20px;min-width: 260px;cursor: pointer;} .zt_sl1 .abtn a.act,.zt_sl1 .abtn a:hover{background: #da251d;color: #fff;border: 1px solid #da251d;} .zt_sl1 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_sl1 .tc{color: #999;line-height: 2;} .zt_sl1 .img{margin-top: 40px;} .zt_sl1 .img img{display: block;margin: 0 auto;} /* 废水 */ .zt_fw1{padding: 50px 0 100px;background:#f6f7f9;} .zt_fw1 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_fw1 .tc{color: #999;line-height: 2;} .zt_fw1 .ul1{margin-top: 50px;} .zt_fw1 .ul1 li{width: 33.33%;float: left;text-align: center;line-height: 1.8;} .zt_fw1 .ul1 li img{margin: 0 auto 18px;border-radius: 50%;} .zt_fw1 .ul1 li .ltc{max-width: 290px;margin: 0 auto;color: #999;} .zt_fw2{padding: 0 0 50px;background:#f6f7f9;} .zt_fw2 .tt{padding-left: 20px;border-left: 4px solid #da251d;margin-bottom: 30px;} .zt_fw2 .tc{color: #999;line-height: 2;} .zt_fw2 .ul1{margin: 30px 0 60px;} .zt_fw2 .ul1 li{width: 45%;float: left;color: #999;line-height: 2;} .zt_fw2 .ul1 li:nth-child(2n){float: right;} .zt_fw2 .ul1 li img{margin-bottom: 10px;} .zt_fw2 .img0 {margin-top: 20px;} .zt_fw2 .img0 img{margin: 0 auto;} .zt_fw3{padding: 1px 0 30px;} .zt_fw3 .abtn span{width: 14%;margin-right: 0.33%;} .zt_fw3 .abtn span:last-child{margin-right: 0;} .zt_fw3 .ul1 li .ltc3{line-height: 2;padding: 10px 0 30px;} /* 搜索 */ .se_cp1{padding: 50px 0;} .se_cp1 .stop .prt{width: 100%;float: none;} .se_cp1 .nav{line-height: 70px;} .se_cp1 .tt{text-align: center;color: #4c4c4c;} .se_cp1 .en{text-align: center;color: #999;padding: 14px 0 46px;border-bottom: 1px solid #ddd;margin: 0;} .se_cp1 .ssbtn{text-align: center;margin-bottom: 50px;border-bottom:1px solid #ddd;} .se_cp1 .ssbtn a{display:block;width: 11.11%;line-height: 60px;float: left;position: relative;} .se_cp1 .ssbtn a::before{content: '';display: block;width: 0;height: 3px;background: #d9251c;position: absolute;left: 0;bottom: 0;z-index: 2;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} .se_cp1 .ssbtn a.act{color: #d9251c;} .se_cp1 .ssbtn a.act::before{width: 100%;} .se_cp1 .ssbtn a:hover{color: #d9251c;} /* 专题banner */ .ztb1{padding: 100px 0 50px;background: #f5f5f5;display: none;} .ztb1 .tt{color: #da251d;padding-left: 20px;border-left: 4px solid #da251d;} .ztb1 .tc{line-height: 1.8;color: #666;margin-top: 30px;} .ztb2{background: url(../images/14_2_1.png) center no-repeat;} .ztb2 .img{position: relative;display: none;} .ztb2 .img > img{display: block;width:100%;} .ztb2 .img .imgx{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .ztb2 .img .imgx .box{height: 100%;} .ztb2 .img .imgx .box img{display: block;float: left;width: 36.6%;} .ztb2 .img .imgx .box img:nth-child(2){float: right;width: 36%;max-width: 490px;} .ztb2 .img2{display: none;} .ztb3{padding: 50px 0;background: #fff;} .ztb3 .tt{text-align: center;} .ztb3 .tt span{color: #da251d;} .ztb3 .ul1{background: #fff;} .ztb3 .ul1 li{position: relative;background: url(../images/14_6_1.png) center left no-repeat;overflow: hidden;width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;border: 1px solid #e5e5e5;} .ztb3 .ul1 li .x1{display: none;} .ztb3 .ul1 li .img{display: block;position: relative;z-index: 2;width: 100%;} .ztb3 .ul1 li .txt{padding: 20px 30px;} .ztb3 .ul1 li .txt .txox{padding-right: 20px;height: 155px;overflow: auto;} .ztb3 .ul1 li .txt .day{margin: 10px 0;} .ztb3 .ul1 li .txt .day span{color: #d9251c;} .ztb3 .ul1 li .txt .lxian{display: none;} .ztb3 .ul1 li .txt .ltc{line-height: 1.8;color: #666;} .ztb3 .ul1 li .txt .year{font-size: 202px;font-family: Arial;color: #dc352e;position: absolute;right: 0;bottom: -10px;opacity: 0.05;} .ztb3 .ul1 li:nth-child(3n) {margin-right: 0;} .ztb3 .ul1 li .txt .txox::-webkit-scrollbar{ width:3px;} .ztb3 .ul1 li .txt .txox::-webkit-scrollbar-thumb{ background:#da251d;} .ztb3 .ul1 li .txt .txox::-webkit-scrollbar-track{ background:#d8d8d8;} .ztb4{padding: 50px 0 ;text-align: center;line-height: 1.5;background: #f5f5f5;} .ztb4 .tt span{color: #d9251c;} .ztb4 .en {color: #999;margin: 5px auto 0;} .ztb4 .xian{display: block;width: 20px;height: 2px;background: #da251d;margin: 20px auto 15px;} .ztb4 .tc{line-height: 2;margin:0 auto 50px;max-width: 880px;} .ztb4 .ul1{} .ztb4 .ul1 li{width: 31.5%;float: left;margin-right: 2.75%;background: #fff;border: 1px solid #e5e5e5;} .ztb4 .ul1 li:last-child{margin-right: 0;} .ztb4 .ul1 li img{display: block;width: 100%;} .ztb4 .ul1 li .ltt{margin-top: 30px;} .ztb4 .ul1 li .txt{min-height: 110px;background: #fff;padding: 20px 5% ;color: #888;line-height: 24px;} .ztb4 .ul2{margin-top: 50px;text-align: justify;} .ztb4 .ul2 li:last-child{margin-bottom: 0;} .ztb4 .ul2 li img{display: block;float: left;width: 50%;} .ztb4 .ul2 li .lrt{width: 40%;float: right;line-height: 1.5;margin-right: 5%;padding-top: 1%;} .ztb4 .ul2 li .lrt .xian{margin: 0;} .ztb4 .ul2 li .lrt .ltt{margin-bottom: 20px;} .ztb4 .ul2 li .lrt .ltc1{line-height: 1.8;padding: 20px 0;border-bottom: 1px solid #ddd;} .ztb4 .ul2 li .lrt .ltc2{line-height: 1.8;padding: 20px 0;border-bottom: 1px solid #ddd;} .ztb4 .ul2 li .lrt .ltc2 .hui{font-size: 14px;color: #999;} .ztb4 .ul2 li .lrt .ltc2:last-child,.ztb4 .ul2 li .lrt .ltc1:last-child{border: 0;} .ztb4 .ul2 li:nth-child(2n) img{float: right;} .ztb4 .ul2 li:nth-child(2n) .lrt{float: left;margin-left: 5%;padding-top: 3%;} .ztb3 .xian{display: block;width: 20px;height: 2px;background: #d9251c;margin: 20px auto 30px;} .ztb3 .en{text-align: center;color: #999;margin-top: 15px;} /* 成员 */ .gsc1{} .gsc1 .tt{text-align: center;line-height: 1.5;} .gsc1 .xian{width: 100%;height: 1px;background: #ddd;margin: 80px 0;} .gsc1 .tt1{border-left: 4px solid #d9251c;padding-left: 15px;margin-bottom: 30px;} .gsc1 .tc{text-align: justify;line-height: 1.8;color: #888;margin-bottom: 55px;} .gsc1 .tc img{display: block;margin: 0 auto;} .gsc1 .ul1{margin-bottom: 70px;} .gsc1 .ul1 li{width: 23.5%;float: left;height: 160px;background: #f5f5f5;margin-right: 2%;padding:30px 40px;line-height: 1.5;} .gsc1 .ul1 li:last-child{margin-right: 0;} .gsc1 .ul1 li .img{width: 30px;overflow: hidden;position: relative;margin-bottom: 20px;height: 30px;overflow: hidden;} .gsc1 .ul1 li .ltc{color: #888;margin-top: 5px;} .gsc1 .ul1 li:hover{-moz-box-shadow:0px 1px 5px #666; -webkit-box-shadow:0px 1px 5px #666; box-shadow:0px 1px 5px #666;} .gsc1 .ul1 li:hover .img img:nth-child(1){margin-top: -30px;} .gsc1 .ul2{margin-bottom: 100px;} .gsc1 .ul2 a{width: 18.5%;float: left;margin-right: 1.875%;line-height: 1.5;overflow: hidden;background: #f5f5f5;} .gsc1 .ul2 a:last-child{margin-right: 0;} .gsc1 .ul2 a img{display: block;width: 100%;} .gsc1 .ul2 a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} /* 测管治详情 */ .ztenc1{padding-bottom: 100px;background: #f6f7f9;} .ztenc1 .ul1{overflow: hidden;position: relative;} .ztenc1 .ul1 li{width: 10.5%;float: left;overflow: hidden;border-right: 2px solid #fff;cursor: pointer;} .ztenc1 .ul1 li img{max-width: 1366px;width: auto;} .ztenc1 .ul1 li.act{width: 79%;} /*满意度*/ .semy1{padding: 150px 0 100px;background: url(../images/5_7_3.png) center top no-repeat;background-size: cover;} .semy1 img{display: block;margin: 0 auto;} .semy1 .txt{color: #d8e9ff;line-height: 1.8;text-align: justify;margin: 50px 0;} .semy1 .txt2{text-align: center;line-height: 2;color: #fff;margin-top: 10px;} .ewmcx{display: none;} .ewmcx1{display: none;} .ns1box{position: relative;} .ns1{width: calc(100% - 80px);margin: 20px auto 0;} .prtp .rtimg{position: relative;} .prtp .rtimg video{position:absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover;display: none;} .ns1 .next_ns1{right: 0;} .ns1 .prev_ns1{left: 0;} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity: 0.35;cursor: pointer;pointer-events: auto;} .ns1 .swiper-slide a{display:block;border:1px solid #fff;} .ns1 .swiper-slide.act{border:1px solid #da251d;} .swiper-button-prev, .swiper-button-next{z-index:5;background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23da251d'%2F%3E%3C%2Fsvg%3E);} .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23da251d'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; width: 20px; background-size:20px auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23da251d'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; width: 20px; background-size:20px auto; } .prtp .rtimg .play{position:absolute;left:0;top:0;width: 100%;height: 100%;background: url(../images/bofang.svg) no-repeat center;z-index:5;cursor: pointer;} @media (max-width: 1780px) { .head .abtn .yjdh a { margin-right: 35px; } } @media (max-width: 1680px) { .ab2 img{max-width: 100%;} .buil1 .brt{padding-top: 0;line-height: 1.6;} .banner .pimg{width: 100%;} .banner .btx .blt{font-size: 50px;} .i1 .swiper1 .swiper-slide .sbox img.pimg{width: 100%;} .i1_ne .next3 { right: 68px; } .i1_ne .prev3{ left: 68px; } .i4 .ul2 .li1 .i4_img img { width: 100%; /*height: 360px;*/ } } @media (max-width: 1580px) { .hbtm{width: 1200px;} .i2 .icont .irt .ul1 li{transform: scale(0.8);-webkit-transform: scale(0.8);} .banner .btx {transform: scale(0.9);-webkit-transform: scale(0.9);} .banner .btx .blt{font-size: 40px;} .head .abtn .yjdh a{margin-right: 40px;} .head .abtn .logo img{height: 40px;margin-top: -20px;} .i3 .icont dl.dl3 dt .dlt{padding: 30px;} .i3 .irt{width: calc(100% - 300px);} .i3 .icont dl.dl5 dd .dlt{padding: 50px 30px;} .i3 .icont dl.dl5 dd .dtc{-webkit-line-clamp: 10;max-height: 200px;} .i1_ne .next3 { right: 60px; } .i1_ne .prev3{ left: 60px; } .head .abtn .yy{ padding: 0 0px 0 30px; } .head .abtn .yy{margin-right: 19px;} .head .abtn .yjdh a { margin-right: 32px; } .ab5 .abox .alt .ul1 li{margin-right:6%;} .hbtm{right: 8%;} } @media (max-width: 1440px) { .f_14{font-size:14px} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 20px;} .f_24{ font-size:22px; } .f_26{ font-size:24px; } .f_28{ font-size:26px; } .f_30{ font-size:28px; } .f_32{ font-size:30px; } .f_34{ font-size:32px; } .f_36{ font-size:34px; } .f_38{ font-size:36px; } .f_40{font-size: 38px;} .i2 .icont .irt .ul1 li{transform: scale(0.85);-webkit-transform: scale(0.85);} .i3 .icont dl.dl2 dd a .img,.i3 .icont dl.dl3 dd a .img{padding-top: 40px;} .zt_fw3 .abtn span{font-size: 16px;} .us1 .ubtm .ul1 dd .dx .dtt{font-size: 14px;} .i3 .icont dl.dl2 dt{padding: 30px 20px;} .i3 .icont dl.dl5 dd .dlt{} .ab4 .dl1 dd .yuan{margin-top: 21px;} .ab4 .ul1{margin-top: 0;} .i2 .icont .irt .ul1 li.li_2{top: 30%;} .i1_ne .next3 { right: 48px; } .i1_ne .prev3{ left: 48px; } .ab5 .abox .alt .ul1 li{margin-right:4.7%;} .hbtm{right: 4%;} } @media (max-width: 1366px) { .f_31{ font-size:22px; } .i1_ne .next3 { right: 42px; } .i1_ne .prev3{ left: 42px; } .ab5 .abox .alt .ul1 li{margin-right:4.3%;} .hbtm{right: 2%;} } @media (max-width: 1280px) { .i1_ne .next3 { right: 36px; } .i1_ne .prev3{ left: 36px; } .head .ibox{ padding: 0 3.3%; } .ab5 .abox .alt .ul1 li{margin-right:0%;} } .m_head,.m_navbox{display: none;} .env1 .ul1 li .img2{display: none;} .bottomnav { display:none; } @media (max-width: 1030px){ .i4 .ul1 .on{display: block;} .bottomnav{ position: fixed; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; background: #da251d; box-sizing: border-box; padding: 10px 0; z-index:99999; box-sizing: border-box; } .bottomnav a{display: block;width: 25%;color: rgba(255,255,255,0.9);} .liuyan{ width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; } .liuyan img{ width: auto; height: 23px; margin-bottom: 5px; } .liuyan a{ color: #fff; font-size: 12px; } body{min-width: 200px;padding: 0;padding-top: 50px;} img{transform: scale(1);-webkit-transform: scale(1);} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 18px;} .f_24{ font-size:18px; } .f_26{ font-size:18px; } .f_28{ font-size:18px; } .f_30{ font-size:20px; } .f_32{ font-size:20px; } .f_34{ font-size:20px; } .f_36{ font-size:20px; } .f_40{font-size: 30px;} .f_46{font-size: 30px;} .wow{opacity: 1;} .box{padding: 0 5%;min-width: 200px;width: 100%;} .head{display: none;} .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:#fff;border-bottom: 1px solid #ddd;} .m_head .mlogo{display: block;height: 30px;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .m_head .mlogo img{display: block;height: 100%;transform: scale(1);-webkit-transform: scale(1);max-width: 800px;} .m_head .sbtn{float: left;position: relative;display: block;width: 30px;height: 40px;margin: 14px 0 0;overflow: hidden;white-space: nowrap;} .m_head .sbtn s{display: block;width: 100%;height: 3px;background: #000;position: absolute;top: 0;left: 0;border-radius: 10px;} .m_head .sbtn s:nth-child(1){top: 0;} .m_head .sbtn s:nth-child(2){top: 10px;width: 75%;} .m_head .sbtn s:nth-child(3){top: 20px;width: 50%;} .m_head .sbtn.act s:nth-child(1){transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 10px;} .m_head .sbtn.act s:nth-child(2){opacity: 0;left: -30px;width: 0;} .m_head .sbtn.act s:nth-child(3){transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: 10px;width: 100%;} .m_head .mss{width: 40px;height: 40px;margin-top: 5px; float: right;display: block;float: right;background: url(../images/ss3.png) center no-repeat;background-size: 34px;} .m_navbox{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 9;background: #fff;padding-top: 80px;overflow: auto;display: none;} .m_navbox .ul1{} .m_navbox .ul1 li{border-bottom: 1px solid #ddd;} .m_navbox .ul1 li:nth-child(3) .lbt > a:nth-child(7){ display: none; } .m_navbox .ul1 li .ltp{display: block;padding: 0 5%;line-height: 50px;font-size: 18px;background: url(../images/jia.png) 95% center no-repeat;background-size: 15px;} .m_navbox .ul1 li .lbt{background: #f6f6f6;display: none;} .m_navbox .ul1 li .lbt a{display: block;line-height: 50px;font-size: 16px;border-bottom: 1px solid #fff;padding: 0 5%;color: #666;} .m_navbox .ul1 li .lbt .lv2{background: url(../images/jia.png) 95% center no-repeat;background-size: 15px;} .m_navbox .ul1 li .lbt .lv2box.act .lv2{background: url(../images/jian.png) 95% center no-repeat; background-size: 15px;} .m_navbox .ul1 li .lbt .lv2list{display: none;} .m_navbox .ul1 li .lbt .lv2list a{padding: 0 10%;line-height: 40px;font-size: 14px;} .m_navbox .ul1 li > a{display: block;line-height: 50px;padding: 0 5%;font-size: 18px;} .m_navbox .ul1 li.act .ltp{background: url(../images/jian.png) 95% center no-repeat;background-size: 15px;} .m_navbox .ul1 li .lbt2{background: #fff;} .m_navbox .ul1 li .lbt .llt{width: 40%;float: left;} .m_navbox .ul1 li .lbt .llt .l_li{position: relative;width: 100%;padding-left: 10%;line-height: 50px;background: #f6f6f6;border-bottom: 1px solid #fff;font-size: 16px;color: #666;} .m_navbox .ul1 li .lbt .llt .l_li .img{width: 20px;height: 20px;overflow: hidden;float: left;margin: 15px 15px 0 0;} .m_navbox .ul1 li .lbt .llt .l_li s{display: block;width: 4px ;height: 80%;position: absolute;top: 10%;left: 0;z-index: 2;background: #0fa38c;opacity: 0;} .m_navbox .ul1 li .lbt .llt .l_li.act{background: #fff;} .m_navbox .ul1 li .lbt .llt .l_li.act .img img:nth-child(1){margin-top: -20px;} .m_navbox .ul1 li .lbt .llt .l_li.act s{opacity: 1;} .m_navbox .ul1 li .lbt .lrt{width: 60%;float: right;text-align: center;padding: 10px;} .m_navbox .ul1 li .lbt .lrt .labtn{display: none;} .m_navbox .ul1 li .lbt .lrt .labtn:nth-child(1){display: block;} .m_navbox .ul1 li .lbt .lrt .labtn a{display: block;width: 33.33%;float: left;margin-bottom: 20px;color: #666;font-size: 12px;} .footer{display: none;} .i1_ne .next3 { width: 45px; height: 45px; right: 5px; margin-top: 20px; background-size: 45px; } .i1_ne .prev3 { width: 45px; height: 45px; left: 5px; margin-top: 20px; background-size: 45px; } .i2 .icont .ilt{padding: 20px;} .i2 .icont .ilt .dl1 dd .abox{min-height: 250px;} .footer2 .flt{text-align: center;} .footer2 .flt span{float: none;} .i1 .ul1{width: 90%;left: 5%;} .i2,.i3{padding-top: 50px;} .i4{padding: 50px 0;} .ibox{padding: 0 5%;} .ab1 .abt li,.ab5 .abox .alt .ul1 li{width: 50%;margin-bottom: 20px;} .ab4 .ul1 li .llt .year{font-size: 210px;top: auto;bottom: 0;} .ab5 .abox .alt .ul1 li .num{margin-top: 10px;} .ab5 .abox .alt .abtn span{width: 32%;margin-right: 2%;font-size: 14px;line-height: 80px;} .cont_c1 .abtm .alt,.cont_c1 .abtm .art{width: 48%;} .banner .txt .btc{margin: 10px 0;top: 50%;} .banner .txt .xian{margin-top: 10px;} .banner .txt .btc br{display: none;} .buil1 .blt{width: 49%;} .buil1 .brt{width: 49%;} .buil1,.buil3,.ab3,.joi_bs3,.cont1 .ul1,.prc4,.servqa1,.num_sz1,.spec{padding: 50px 0;} .cont_c1 .abtn{padding: 30px 0 50px;} .cont_c1,.sta1,.joi1,.cont1,.prc3,.cas1,.casc1,.sevr_net1,.sevrdw1,.sevrse1,.new1,.newc1{padding-bottom: 50px;} .pdt120{padding-top: 50px;} .ab4 .ul1{margin: 0 0 50px;} .sta1 .ul1{padding-top: 50px;} .nav,.prdoc1 .nav,.cas1 .nav{line-height: 70px;} .prc1 .prtp .prt .ptt,.cascl1 .prtp .prt .ptt{margin: 0 0 20px;} .prc1 .prtp .prt .ptc,.cascl1 .prtp .prt .ptc{padding: 20px 0;margin-bottom: 20px;} .sevr_net1 .tc3 .tlt{width: 100%;float: none;} .sevr_net1 .tc3 .trt{float: none;margin: 30px auto 0;} .sevr_net1 .tc3{margin-top: 10px;} .sevrmsg1 .abtn{padding: 10px 0 50px;} .servqa1 dl dt{margin-bottom: 30px;} .servqa1 dl{margin-bottom: 50px;} .spec .spec1 .ul1{padding-left: 0;} .spec .spec1 .ul1 li .llt{width: 500px;} .spec .spec1 .ul1 li .img{width: calc(100% - 550px);} .spec .spec2{padding-top: 50px;} .spec .spec2 .swiper5 .swiper-slide:hover{width: 290px;} .spec .swiper4{margin-top: 50px;} .spec .spec2 .swiper5,.spec .spec4 .tt,.spec .spec5 .tt{margin: 50px 0;} .spec6{padding: 50px 0 0;} .sp2ec1,.sp2ec3,.sp2ec4{padding: 50px 0;} .sp2ec1 .swiper8 .swiper-slide .sbox,.sp2ec4 .sjt{padding: 0 5%;} .sp2ec1 .swiper8 .swiper-slide .sbox .img,.sp2ec1 .swiper8 .swiper-slide .sbox .lrt{width: 49%;} .sp2ec2,.sp2ec6{padding-top: 50px;} .sp2ec5{padding-bottom: 70px;} .sp2ec6 .s_tp{padding-top: 50px;} .prdoc1 .stop .prt{padding-bottom: 50px;} .banner .btx .blt{font-size: 40px;} .env1{margin-top: 50px;} .env1 .ul1 li .ltc,.env1 .ul1 li .dl1{width: 200px;} .env1 .ul1 li .ltc .abtn div{width: 60px;height: 60px;margin-right: 10px;} .env1 .ul1 li .ltc .abtn div span{line-height: 48px;} .ztbal1 .icont{padding: 0;} .ztbal1 .ibox{padding: 0 5%;} .ztbal3{padding-bottom: 50px;margin-top: 50px;} .ztbal2 .dl1{margin: 30px 0 50px; } .ztbal2{margin-top: 50px;} .zt_co1{padding: 50px 0 20px;} .zt_cs1 .tt{padding-bottom: 50px;} .zt_hh1,.zt_cs2{padding: 0 0 50px;} .zt_cs6,.anli2{padding-bottom: 50px;} .zt_cs4 .ztop .zlt .ztc2 span{width: 50%;} .zt_cs5{padding-bottom: 20px;} .anli1{padding: 0 0 1px;} .i1_ne .ibt .swiper3 .scrollbar3 {display: block;} .new1 .person .per_3 li .text { margin: 25px 0; } .new1 .person .per_3 li .text .title { margin-bottom: 15px; } .new1 .person .per_2 li { width: 50%; float: left; } .ewmcx{display: none;position: fixed;width: 100%;height: 100%;left:0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 999999;} .ewmcx .ewm_img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .ewmcx .ewm_img .cuo{width: 30px;height: 30px;position: absolute;right: -70px;top: -70px;} .ewmcx .ewm_img .img{margin: 20px auto;width: 150px;height: 150px;} .ewmcx .ewm_img .img img{width: 100%;} .ewmcx .ewm_img .txt{color:#fff ;line-height: 20px;text-align: center;} .ewmcx .ewm_img .txt span{color:#da251d;font-size: 22px;} .ewmcx1{display: none;position: fixed;width: 100%;height: 100%;left:0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 999999;} .ewmcx1 .ewm_img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .ewmcx1 .ewm_img .cuo{width: 30px;height: 30px;position: absolute;right: -70px;top: -70px;} .ewmcx1 .ewm_img .main{margin: 20px auto;width: 200px;height: 230px;background:#fff;padding:10px 0;} .ewmcx1 .ewm_img .main a{height:30px;line-height:30px;font-size:14px;display:block;text-align:center;} .ewmcx1 .ewm_img .txt{color:#fff ;line-height: 20px;text-align: center;} .ewmcx1 .ewm_img .txt span{color:#da251d;font-size: 22px;} } .shouji{display: none;} @media (max-width: 960px) { .crumbs_nav{line-height:1.5} .i1_ne .ibt .swiper3 .swiper-slide a .txt{padding: 15px 5%;} .i1_ne .ibt .swiper3 .swiper-slide a .txt .ltt{font-size: 16px;} .i1 .swiper1 .swiper-slide .sbox img.pimg,.i1 .swiper1 .swiper-slide .sbox video{display: none;} .i1 .swiper1 .swiper-slide .sbox img.mimg{display: block;} .i1 .swiper1 .rbox .dian,.i1 .swiper1 .rbox .xian{display: none;} .i1 .swiper1 .rbox{top: auto;width: 100%;left: 0;bottom: 5%;} .i1 .ul1{position: static;padding: 0;width: 100%;} .i1 .ul1 li{width: 50%;padding: 20px 10px;margin: 0;height: 70px;} .i2{border-top: 1px solid #ddd;margin-top: 15px;} .i2, .i3{padding-top: 30px;} .i2 .tt{text-align: center;} .i2 .en{text-align: center;margin: 10px 0 20px;} .shouji{display: block;} .i2 .icont{padding-left: 0;} .i2 .icont .irt{display: none;} .i2 .icont .ilt{position: static;width: 100%;height: 480px;} .i2 .icont .ilt .dl1 dt .swiper2{margin: 20px 0;} .i2 .icont .irtm{} .i2 .icont .irtm span{display: block;width: 50%;line-height: 20px;text-align: center;float: left;line-height: 50px;background: #ddd;color: #666; border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .i2 .icont .irtm span:nth-child(2n){border-right: 0;} .i2 .icont .irtm span.act{background: #da251d;color: #fff;} .i3 .irt,.i3 .icont{display: none;} .i3 .tt{text-align: center;} .i3 .en,.ab1 .en{text-align: center;margin: 10px 0 20px;} .i3m .abtn span{display: block;width: 33%;line-height: 20px;text-align: center;float: left;line-height: 50px;background: #ddd;color: #666; border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .i3m .abtn span:last-child{border-right: 0;} .i3m .abtn span.act{background: #da251d;color: #fff;} .i3m .ubox{padding: 0 5%;margin-top: 20px;} .i3m .ubox .dl1{overflow: auto;padding-bottom: 10px;display: none;} .i3m .ubox .dl1:nth-child(1){display: block;} .i3m .ubox .dl1 dd{float: left;margin-right: -999em;} .i3m .ubox .dl1 dd a{width: 250px;display: block;float: left;text-align: center;border:1px solid #ddd;margin-right: 5px;padding: 20px 10px;} .i3m .ubox .dl1 dd a:last-child{margin-right: 0;} .i3m .ubox .dl1::-webkit-scrollbar{ height:4px;} .i3m .ubox .dl1::-webkit-scrollbar-thumb{ background:#da251d;} .i3m .ubox .dl1::-webkit-scrollbar-track{ background:#d8d8d8;} .i3m .ubox .dl1m dd a .img{width: 40px;border: 1px solid #000;border-radius: 50%;margin: 0 auto 10px;} .i3m .ubox .dl1m dd a .att{margin: 20px 0;} .i1_ne .itp .ilt{width: 100%;text-align: center;} .i1_ne .itp .ilt .en{margin: 10px 0 20px;} .i1_ne .ibt .prev3,.i1_ne .ibt .next3{display: none;} .i1_ne .ibt .swiper3 .swiper-slide .sbox .txt {bottom: 0;} .i1_ne .ibt .swiper3 .swiper-slide .sbox a img {opacity: 0.8;} .i1_ne .ibt .swiper3 .swiper-slide .sbox a img{width: 100%;} .i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .stt , .i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .stc {display: none;} .i1_ne,.i4{padding: 30px 0;} .i4 .itp .ilt{width: 100%;float: none;text-align: center;} .i4 .en{margin: 10px 0 20px;} .i4 .itp .irt,.i4 .itp .irt select{width: 100%;float: none;} .i4 .ubox{overflow: auto;padding-bottom: 0px;margin-bottom: 20px;} .i4 .ul1{margin: 0 0;float: left;margin-right: -999em;display: block;} /* .i4 .ul1 .li1{margin-left: 20px;} */ .i4 .ul1 li ,.i4 .ul1 .li1{width: 336px;margin-right: 20px;} .i4 .ubox::-webkit-scrollbar{ height:4px;} .i4 .ubox::-webkit-scrollbar-thumb{ background:#da251d;} .i4 .ubox::-webkit-scrollbar-track{ background:#d8d8d8;} .i4 .ul1 .li1 .i4_img .i4_txt { font-size: 16px;color: #333;line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;position: static;margin-bottom: 20px; } .i4 .ul1 .li1 .txt .day {display: block;} .i4 .ul2{display: none;} .i4 .box_i4{padding: 0;} .i4 .ul1 .li1{display: block;} .i4 .ul1 .li2{display: block;} .footer2 .flt:before{display: none;} .footer2{line-height: 24px ; padding: 10px 0; padding-bottom: 70px;} .banner .pimg{display: none;} .banner .mimg{display: block;} .pdt120{padding-top: 30px;} .ab1 .atp .alt{width: 100%;height: auto;left: 0;} .ab1 .atp .alt img{position: static;} .ab1 .atp .art{width: 90%;left: 5%;} .ab1 .atp .art{padding: 50px 20px;} .ab1 .atp .art .bf{position: static;margin: 20px auto 0;} .z_tanchuang .tbox .modal .out{right: 0;top: -50px;} .z_tanchuang .tbox .modal{padding: 10px;} .ab1 .abt{padding: 20px 0;} .ab1 .abt li .lrt{margin-left: 0;} .ab1 .abt li .lrt .wz{line-height: 1.5;height: 36px;} .ab3 .ul1 li{width: 49%;margin: 0 0 2%;} .ab3 .ul1 li:nth-child(2n){float: right;} .ab3 .ul1 li:nth-child(n + 3){margin-bottom: 0;} .buil1, .buil3, .ab3, .joi_bs3, .cont1 .ul1, .prc4, .servqa1, .num_sz1, .spec{padding: 30px 0;} .ab4 .en{margin: 10px 0 20px;} .ab1 .abt li .lrt{width: 100%;margin-top: 5px;} .ab1 .atp .art .att s{display: none;} .ab2{background: url(../images/2_3bg.png) center no-repeat ;} .ab4 .ubox{overflow: auto;margin-bottom: 30px;} .ab4 .ubox .dl1{float: left;margin-right: -999em;} .ab4 .dl1 dd{width: 160px;} .ab4 .dl1{height: 120px;} .ab4 .ubox::-webkit-scrollbar{ height:4px;} .ab4 .ubox::-webkit-scrollbar-thumb{ background:#da251d;} .ab4 .ubox::-webkit-scrollbar-track{ background:#d8d8d8;} .ab4 .ul1{height: auto;margin-bottom: 30px;} .ab4 .ul1 li .img,.ab4 .ul1 li .llt{width: 100%;float: none;position: static;padding:0;} .ab4 .ul1 li .img{transform: translateY(0%);-webkit-transform: translateY(0%);} .ab4 .ul1 li .img img{width: 100%;height: auto;} .ab4 .ul1 li .llt{margin-top: 0px;} .ab4 .ul1 li .llt .year{display: none;} .ab4 .ul1 li .llt .txt{line-height: 1.8;padding: 20px 5%;} .ab4 .ul1 li .llt .txt .ltc{margin: 5px 0;} .ab5 .en,.ab5 .abox .alt .atc{margin: 10px 0 20px;} .ab5 .abox .alt,.ab5 .aimg{width: 100%;float: none;} .ab5 .abox{position: static;} .ab5 .abox .alt{padding-top: 0;} .ab5 .aimg{display: none;} .ab5 .abox .alt .abtn{margin-top: 20px;} .ab5 .abox .alt .abtn span{background: #ddd;margin: 0;width: 33.33%;border-radius: 0;font-size: 12px;border-right: 1px solid #fff;line-height: 60px;} .ab5 .abox .art{width: 100%;float: none;height: auto;} .ab5 .abox .art li{position: static;padding: 30px 3% ;transform: translate(0,0);} .ab5 .abox .art li .ltc{height: auto;} .ab5{margin-bottom: 30px;} .ab5 .abox .alt .ul1 li .num{font-size: 30px;} .nav, .prdoc1 .nav, .cas1 .nav{display: none;} .cont_c1, .sta1, .joi1, .cont1, .prc3, .cas1, .casc1, .sevr_net1, .sevrdw1, .sevrse1, .new1, .newc1{padding: 30px 0;} .cont_c1 .en{margin: 10px 0 20px;} .cont_c1 .abtn{padding: 30px 0;} .cont_c1 .abtn2 a{width: 50%;margin: 0;background: #ddd;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .cont_c1 .abtm .alt, .cont_c1 .abtm .art,.buil1 .blt,.buil1 .brt{width: 100%;float: none;} .cont_c1 .abtm .art,.buil1 .brt{margin-top: 20px;} .buil3 .dl1 dt span,.buil3 .dl1 dd span{width: 20%;} .buil3 .dl1 dt span:nth-child(2),.buil3 .dl1 dd span:nth-child(2){width: 40%;} .buil3 .dl1 dd{padding: 20px 5%;width: 100%;float: none;} .sta1 .ul1{padding-top: 0;border:0;} .sta1 .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .page1{display: none;} .page2{display: block;text-align: center;} .newc1 .nbox .day{margin: 20px 0;padding: 0;text-align: center;line-height: 2;} .newc1 .nbox .day img{opacity: 0;display: none;} .newc1 .nbox .day span{display: inline-block;float: none;} .newc1 .nbtn .fh{position: static;margin: 30px auto 0;} .newc1 .nbtn a{width: 100%;margin-top: 20px;} .joi1 .ul1{border-top: 1px solid #ddd;border-left: 1px solid #ddd;} .joi1 .ul1 li{width: 50%;border-bottom: 1px solid #ddd;} .joi1 .ul1 li:last-child{border-right: 1px solid #ddd;} .joi1 .ul1{margin-top: 0;} .banner .txt{top: 50%;} .cont1 .en,.joi_bs .en{margin: 10px 0 20px;} .joi_bs{padding-top: 30px;} .joi_bs1 .abtn{padding: 20px 0;} .joi_bs1 .abtn a{width: 33.33%;margin: 0;font-size: 12px;} .joi_bs1 .img0 img{width: 100%;float: none;margin: 0 0 20px;} .joi_bs2{padding: 30px 0;} .joi_bs2 .jtt{margin-bottom: 20px;} .joi_bs2 .dl1{padding: 10px;} .joi_bs2 .dl1 dt span,.joi_bs2 .dl1 dd .dtp span{width: 33.33%;} .joi_bs2 .dl1 dt span:nth-child(n + 4),.joi_bs2 .dl1 dd .dtp span:nth-child(n + 4){display: none;} .joi_bs2 .dl1 dd .dbt{padding: 20px 5%;} .joi_bs2 .dl1 dd .dbt .jlt{width: 100%;float: none;margin-bottom: 10px;} .joi_bs2 .dl1 dd .dbt .jrt{margin-top: 20px;padding-top: 20px;line-height: 26px;} .joi_bs2 .dl1 dd .dbt .jrt a.jl{display: block;float: none;margin: 10px auto 0;line-height: 40px;} .joi_bs3 .jtt{margin-bottom: 20px;} .joi_bs3 .ul1 li{border:1px solid #ddd;margin-bottom: 20px;} .joi_bs3 .ul1 li a{padding: 20px 5%;} .joi_bs3 .ul1 li a .day{width: 100%;float: none;text-align: center;} .joi_bs3 .ul1 li a .img{margin: 20px auto;float: none;width: 100%;} .joi_bs3 .ul1 li a .img img{width: 100%;} .joi_bs3 .ul1 li a .lrt{width: 100%;float: none;padding: 0;} .joi_bs3 .ul1 li a .lrt .ll{display: none;} .cont1 .ubox{overflow: auto;padding-bottom: 20px;} .cont1 .ul1,.cont1 .ul2{float: left;margin-right: -999em;} .cont1 .ul2{margin-top: 30px;} .cont1 .ul2 li{width: 200px;} .cont1 .ul1 li{width: 300px;margin-right: 20px;} .cont1 .ubox::-webkit-scrollbar{ height:4px;} .cont1 .ubox::-webkit-scrollbar-thumb{ background:#da251d;} .cont1 .ubox::-webkit-scrollbar-track{ background:#d8d8d8;} .cont1 .ul1{padding: 30px 0 0;} .prdoc1 .stop .prt{width: 100%;float: none;} .prdoc1 .stop .prt li{width: 100%;float: none;} .prdoc1{padding: 30px 0;} .prdoc1 .stop .plt{width: 100%;margin-bottom: 20px;float: none;height: 260px;overflow: auto;padding-right: 10px;} .prdoc1 .stop .plt::-webkit-scrollbar{ width:4px;} .prdoc1 .stop .plt::-webkit-scrollbar-thumb{ background:#da251d;} .prdoc1 .stop .plt::-webkit-scrollbar-track{ background:#d8d8d8;} .prdoc1 .stop .plt .dl1 dt{display: none;} .prdoc1 .stop .plt .dl1 dd{display: block;} .prdoc1 .stop .plt .dl1{display: none;} .prdoc1 .stop .pltm{margin-bottom: 20px;} .prdoc1 .stop .pltm span{display: block;width: 50%;line-height: 20px;text-align: center;float: left;line-height: 50px;background: #ddd;color: #666; border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .prdoc1 .stop .pltm span:nth-child(2n){border-right: 0;} .prdoc1 .stop .pltm span.act{background: #da251d;color: #fff;} .prdoc1 .stop .prt{padding-bottom: 0px;} .prc1{padding: 30px 0;} .prc1 .prtp .img{width: 100%;float: none;border: 0;} .prc1 .prtp .prt{width: 100%;float: none;margin-top: 20px;} .prc3 .dtt{line-height: 1;} .prc3 .dtc{padding: 20px 0 30px;} .prc3 .dtc3 .dtc_d2 .dlt,.prc3 .dtc3 .dtc_d2 .drt{width: 100%;float: none;margin-top: 20px;} .prc3 .dtc3 .dtc_d1{margin-bottom: 20px;} .prc3 .dtc4 .dlt{width: 100%;float: none;border:1px solid #ddd;margin-bottom: 10px;line-height: 40px;} .prc3 .dtc4 .dlt .img{width: 25px;height: 40px;} .prc3 .dtc4 .dlt:nth-child(2n){float: none;} .prc4 .ul1 li{width: 49%;text-align: center;margin: 0 0 2%;} .prc4 .ul1 li:nth-child(2n){float: right;} .prc4 .ul1 li .ltt{line-height: 20px;font-size: 12px;padding: 5px 0;height: 50px;overflow: hidden;} .prc4 .en{margin: 10px 0 20px;} .prc3 .poxo .plt{width: 100%;float: none;} .prc3 .poxo .prt{width: 100%;float: none;padding-top: 20px;} .prc3 .dtc,.prc3 .dtc2{padding: 0;} .prc3{padding: 0;} .prc3 .poxo{padding: 20px 0;} .a_dw{top: -51px;} .casc1 .ul1 li .img,.casc1 .ul1 li:nth-child(2n) .img,.cascl1 .prtp .img{width: 100%;float: none;} .casc1 .ul1 li .lrt,.cascl1 .prtp .prt{width: 100%; float: none;padding: 20px 5%;} .casc1 .ul1 li{height: auto;} .casc1 .ul1 li .img img{width: 100%;height: auto;} .casc1 .ul1 li .lrt .ltc{margin: 10px 0 ;} .casc1 .ul1 li:last-child{margin-bottom: 0;} .cascl1{padding-top: 30px;} .cascl1 .prtp .prt{padding: 20px 0 0;} .prc1 .prtp .prt .ptt, .cascl1 .prtp .prt .ptt{margin-bottom: 10px;} .cascl1 .prbt .abtn a{width: 100%;float: none;line-height: 1.5;padding: 20px 10px;} .cascl1 .prbt .ptt{font-weight: bold;font-size: 16px;} .cascl1 .prbt .abtn{height: 240px;overflow: auto;padding-bottom: 0;padding-right: 5px;height: auto;} .cascl1 .prbt{padding-bottom: 30px;} .cascl1 .prbt .abtn::-webkit-scrollbar{ width:4px;} .cascl1 .prbt .abtn::-webkit-scrollbar-thumb{ background:#da251d;} .cascl1 .prbt .abtn::-webkit-scrollbar-track{ background:#d8d8d8;} .cascl3 .d_box .img0,.cascl3 .d_box .dtc2,.cascl3 .d_box2 .img0,.cascl3 .d_box2 .txt{width: 100%;float: none;} .cascl3 .d_box{padding: 20px 0;} .prc3 .dtc2 .dtc_d1{margin-bottom: 10px;} .cascl3 .d_box2 .txt{padding-top: 20px;} .prc4 .ubox{overflow: auto;} .prc4 .ubox::-webkit-scrollbar{ height:4px;} .prc4 .ubox::-webkit-scrollbar-thumb{ background:#da251d;} .prc4 .ubox::-webkit-scrollbar-track{ background:#d8d8d8;} .prc4 .ul2 {float: left;margin-right: -999em;} .prc4 .ul2 li{width: 330px;margin-right: 20px;} .prc4 .ul2 li .img{margin: 0 auto;} .sevr_net1 .en{margin: 10px 0 20px;} .sevr_net1 .stop{padding: 20px 0;} .sevr_net1 .tc3 .tlt .txbox{padding: 20px;} .sevr_net1 .tc3 .trt{display: none;} .sevr_net1 .tc3 .tlt .txbox dl dd{margin-bottom: 20px;} .sevr_net1 .tc3 .tlt .txbox dl{height: 100%;} .sevr_net1 .tc3 .tlt .tbtn span{margin-bottom: 10px;} .sevr_net1 .tc3 .tlt .txbox dl dt{margin-bottom: 20px;} .sevrmsg1{padding-top: 30px;} .sevrmsg1 .en,.sevrdw1 .en,.sevrse1 .en{margin: 10px 0 20px;} .sevrmsg1 .s_tp{padding: 0;} .sevrmsg1 .s_tp .ul1 li{width: 100%;float: none;margin: 0 0 10px;} .sevrmsg1 .s_tp .s_yz{padding: 0;} .sevrmsg1 .s_tp .s_yz input, .sevrmsg1 .s_tp .s_yz img{width: 120px;} .sevrmsg1 .abtn{padding: 10px 0 30px;} .sevrdw1 .ul1{margin-bottom: 10px;} .sevrse1 .stp .stc .stc_d1{margin: 20px 0 10px;} .servqa1 dl dt{margin-bottom: 10px;} .servqa1 dl dd > span,.servqa1 dl dd > span:nth-child(2n){width: 100%;float: none;margin-bottom: 10px;} .servqa1 dl dt span{margin-right: 10px;} .servqa1 dl{margin-bottom: 20px;} .servqa1 dl dd .dlt,.servqa1 dl dd .dlt:nth-child(2n){width: 100%;float: none;} .servqa1 .abtn{padding-top: 10px;} .servqa1 .s_yz input, .servqa1 .s_yz img{width: 120px;} .num_sz1 .tc{margin: 10px 0 20px ;} .num_sz1 .tt2{margin: 30px 0 20px;} .num_sz1 .img0 .txt{font-size: 12px;font-weight: normal;width: 90%;z-index: 5;} .new1 .nbtn{display: none;} .nday{padding: 0 0 20px;} .nday .nlt{width: 100%;float: none;} .nday .sx{width: 100%;float: none;margin: 0;padding: 0;} .nday .nrt{float: none;display: block;width: 100%;margin-top: 10px;} .new1 .ul1 li,.new1 .ule li{width: 100%;float: none;margin: 0 0 20px;} .new1 .ule li, .new1 .ule li:nth-child(3n){width: 49%;float: left;margin: 0 0 20px;} .new1 .ule li:nth-child(2n){float: right;} .new1 .person .per_1{margin-bottom: 15px;} .new1 .person .per_1 .le {float: left;width: 100%;} .new1 .person .per_1 .rig {width: 100%;padding: 10px 10px;} .new1 .person .per_1 .rig .data{display: none;} .new1 .person .per_1 .rig p {display: none;} .new1 .person .per_3 li .imgs2 { width: 26%; margin: 25px 0; } .new1 .person .per_3 li .text { width: 74%; margin: 1rem 0; } .new1 .person .per_2 { display: block; } .new1 .person .per_1 .le .imgs img{width: 100%;height:220px; } .new1 .person .per_2 li .imgs1 {width: 100%;} .new1 .person .per_2 li .tl .bj {padding: 10px 15px 10px;} .new1 .person .per_3 {border-top:none; } .new1 .person .per_3 li a { background-color: #fff; margin-bottom: 15px; } .new1 .person .per_3 li{border-bottom:none;} .new1 .person .per_3 li .imgs2 {width: 100%;} .new1 .person .per_3 li .imgs2 img {width: 100%;} .new1 .person .per_3 li .text {width: 100%;padding: 10px;} .new1 .person .per_3 li .text .title .le {width: 100%;} .new1 .person .per_3 li .text .title .rig {display: none} .none{display: block !important; } .block {display: none !important;} .new2{padding: 0;} .new3{padding: 30px 0;} .new3 .nlt{width: 100%;float: none;} .new3 .nlt .sx {padding: 20px 0 0;} .new3 .nlt .sx span{margin-top: 0;width: 25%;float: left;} .new3 .nrt{width: 100%;float: none;margin-top: 20px;} .new3 .nrt .ul1{padding: 0;border:0;margin-bottom: 30px;} .new3 .nrt .ul1 li a{height: auto;} .new3 .nrt .ul1 li a .img,.new3 .nrt .ul1 li a .txt{width: 100%;float: none;} .new3 .nrt .ul1 li a .img img{width: 100%;height: auto;} .new3 .nrt .ul1 li a .txt{padding: 20px 5%;} .new3 .nrt .ul1 li a .txt .ltc{margin: 10px 0 ;} .new3 .nrt .ul1 li { width: 100%; } .spec .swiper4{margin: 20px 0 ;} .spec .spec1 .ul1 li .llt,.spec .spec1 .ul1 li .img{width: 100%;float: none;} .spec .spec1 .ul1 li .llt .ltc{margin-top: 10px;padding: 0;border: 0;} .spec .spec1 .ul1 li .img{margin-bottom: 10px;} .spec .spec1 .ul1 li .llt .ltc a{margin-top: 10px;} .spec .spec2{padding-top: 30px;} .spec .spec2 .swiper5, .spec .spec4 .tt, .spec .spec5 .tt{margin: 20px 0;} .spec .spec2 .swiper5{padding-bottom: 20px;width: 90%;margin-left: 5%;} .spec .spec2 .swiper5 .scrollbar5{width: 90%;left: 5%;margin: 0;} .spec3,.spec4,.spec .spec5 {margin-top: 30px;} .spec .spec3 .aimg{display: none;} .spec .spec3 .swiper6{margin: 20px 0 0;width: 100%;} .spec .spec4 .swiper7 .swiper-slide .sbox a{padding-top: 50px;} .spec .spec5 .ul1 li{width: 100%;float: none;} .spec6 .tt{margin-bottom: 20px;} .sp2ec1, .sp2ec3, .sp2ec4{padding: 30px 0;} .sp2ec .xian{margin-bottom: 20px;} .sp2ec1 .swiper8{padding-bottom: 20px;} .sp2ec1 .swiper8 .swiper-slide .sbox .img, .sp2ec1 .swiper8 .swiper-slide .sbox .lrt{width: 100%;float: none;padding: 0;} .sp2ec1 .swiper8 .next8,.sp2ec1 .swiper8 .prev8{display: none;} .sp2ec1 .swiper8 .swiper-slide .sbox, .sp2ec4 .sjt{padding: 0;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt .ltt{margin: 20px 0 0px;} .sp2ec1 .swiper8 .swiper-slide .sbox .lrt .ltc a{margin-top: 10px;} .sp2ec1 .swiper8 .scrollbar8 .swiper-scrollbar-drag{background: #da251d;} .sp2ec1 .swiper8 .scrollbar8 {background: #ddd;display: block;} .sp2ec2, .sp2ec6{padding-top: 30px;} .sp2ec2 .ul1 li,.sp2ec3 .ul1 li{width: 49%;margin: 0 0 20px;} .sp2ec2 .ul1 li:nth-child(2n),.sp2ec3 .ul1 li:nth-child(2n){float: right;} .sp2ec2 .ul1 li a .tc{color: #333;font-size: 14px;} .sp2ec2 .ul1{margin-bottom: 10px;} .sp2ec3{padding-bottom: 10px;} .sp2ec4 .sjt .prev9,.sp2ec4 .sjt .next9{display: none;} .sp2ec4 .swiper9 {padding-bottom: 20px;} .sp2ec4 .swiper9 .swiper-slide .sbox .img img{margin: 0 auto;width: 100%;} .sp2ec4 .swiper9 .scrollbar9{display: block;background: #ddd;} .sp2ec4 .swiper9 .scrollbar9 .swiper-scrollbar-drag{background: #da251d;} .sp2ec5 .stop .img,.sp2ec5 .stop .ul1{width: 100%;float: none;} .sp2ec5 .stop .ul1{margin-top: 50px;height: 240px;} .sp2ec5 .stop .ul1 li{margin-top: -20px;margin-bottom: 40px;} .sp2ec5{padding-bottom: 30px;} .inve1 .intop1 .ul1 a{padding: 0 5%;line-height: 60px;} .inve1 .intop1 .ul1 a span{width: 80px;font-size: 12px;text-align: center;} .inve1 .intop1 .ul1 a div{width: calc(100% - 90px);} .inve1 .intop1 .ixl,.inve1 .intop1 .ilj{padding: 20px;} .inve1 .intop1 .ixl .ilt,.inve1 .intop1 .ixl .irt,.inve1 .intop1 .ilj .ilt,.inve1 .intop1 .ilj .irt{width: 100%;float: none;} .inve1 .intop1 .ixl .ilt .num{margin: 20px 0;} .inve1 .intop1 .ixl .irt li{padding-top: 20px;width: 50%;text-align: center;} .inve1 .intop1 .ixl .irt li .num{margin-top: 10px;} .inve1 .intop1 .ilj .ilt a{margin-top: 15px;font-size: 14px;} .inve1 .intop1 .ilj .irt{margin-top: 30px;} .se_cp1 .en{padding: 10px 0 20px;margin-bottom: 20px;} .se_cp1 .ssbtn{margin-bottom: 20px;} .prdoc1 .stop .prt li .img{padding: 0;} .banner .dy{display: none;} .banner .btx{position: static;background: url(../images/11_0.png) center top no-repeat;background-size: cover;padding: 30px 0;} .banner .btx .blt,.banner .btx .brt{width: 100%;position: static;transform: translateY(0%);-webkit-transform: translateY(0%);font-size: 20px;text-align: center;} .banner .btx .brt{margin-top: 30px;} .env1{margin-top: 20px;height: 550px;} .env1 .tt{top: 30px;font-size: 18px;} .env1 .ubox{overflow: auto;padding-bottom: 10px;} .env1 .ul1{float: left;margin-right: -999em;} .env1 .ul1 li{width: 350px;height: 550px;border: 0;position: relative;} .env1 .ul1 li .ltc{height: 300px;position: absolute;top: 180px;left: 50%;margin-left: -100px;} .env1 .ul1 li .more{background: #da251d;} .env1 .ul1 li .img{margin: 90px auto 10px;width: 70px;height: 70px; opacity: 1;visibility: visible;position: relative;overflow: hidden;} .env1 .ul1 li:hover .img{margin-top: 90px;} .env1 .ul1 li:nth-child(n + 3) .img{margin-top: 190px;} .env1 .ul1 li:nth-child(n + 3):hover .img{margin-top: 190px;} .ztbal3{margin-top: 20px;padding-bottom: 30px;} .ztbal3 .abtn{margin-top: 20px;} .env3 .abtn a,.env3 .abtn a:nth-child(5n){width: 32%;margin: 0 2% 2% 0;} .env3 .abtn a:nth-child(3n){margin-right: 0;} .env1 .ubox::-webkit-scrollbar{ height:4px;} .env1 .ubox::-webkit-scrollbar-thumb{ background:#da251d;} .env1 .ubox::-webkit-scrollbar-track{ background:#d8d8d8;} .ztbal2{margin-top: 0;} .ztbal2 .dl1{display: none;} .ztbal3m .ubox .dl1 dd a{padding: 10px;} .ztbal3m .ubox .dl1 dd a img{margin-bottom: 10px;height: 130px;width: 100%;} .ztbal3 .abtn a{width: 32%;margin: 0 2% 2% 0;} .ztbal3 .abtn a:nth-child(3n){margin-right: 0;} .banner .txt .btt2 {font-size: 20px;} .zt_co1{padding-top: 30px;} .zt_co2 .ul1 li{height: auto;margin-bottom: 20px;} .zt_co2 .ul1 li .img,.zt_co2 .ul1 li:nth-child(2n) .img{width: 100%;float: none;} .zt_co2 .ul1 li .img img{width: 100%;height: auto;} .zt_co2 .ul1 li a .abox{position: static;width: 100%;} .zt_co2 .ul1 li .lrt,.zt_co2 .ul1 li:nth-child(2n) .lrt{padding: 0;float: none;width: 100%;margin-top: 10px;} .zt_co2 .ul1 li .lrt .ltc{margin: 10px 0;} .zt_co2 .ul1 li .lrt .more{background: #da251d;color: #fff;margin: 0 auto;} .ztbal4m{margin-bottom: 30px;} .zt_cs1 .tt{padding: 0 0 10px;line-height: 1.5;} .zt_hh1 .tt{margin-bottom: 10px;} .zt_hh1 .top .img{width: 100%;float: none;} .zt_hh1 .top .txt{width: 100%;float: none;margin-top: 10px;} .zt_hh1, .zt_cs2{padding-bottom: 20px;} .zt_cs6{padding-top: 0;} .zt_cs6 .ibt .swiper3 .swiper-slide .sbox img{width: 100%;height: auto;} .zt_cs2 .ztop .img,.zt_cs2 .ztop .txt{width: 100%;float: none;} .zt_cs2 .ztop .txt{margin-top: 20px;} .zt_cs2 .ztop .ul1 li{margin-top: 10px;} .zt_cs3 .tt,.zt_cs3 .ztop .ul1 li{margin-bottom: 10px;} .zt_cs3 .ztop .ul1{width: 100%;float: none;} .zt_cs3 .ztop .zrt{padding-top: 0;width: 100%;margin-bottom: 20px;} .zt_cs4 .tt,.zt_cs5 .tt{margin-bottom: 10px;} .zt_cs4 .ztop .zlt{width: 100%;float: none;border-bottom: 1px solid #ddd;padding: 20px 0;} .zt_cs4 .ztop .zlt:last-child{border:0;} .zt_cs4 .ztop:before{display: none;} .zt_cs4 .ztop .zlt .ztc2 span{width: 100%;float: none;} .zt_cs4{padding-bottom: 30px;} .zt_cs3 .ztop .ul1 li .img{width: 24px;} .zt_cs3 .ztop .ul1 li .lrt{width: calc(100% - 30px);} .zt_cs3 .ztop .ul1 li .lrt .ltt{line-height: 24px;} .zt_cs5 .ul1 li{padding: 20px 5%;} .zt_cs5 .ul1 li span{width: 100%;float: none;display: block;} .zt_cs5 .ul1 li div{width: 100%;float: none;} .zt_cs6, .anli2{padding-bottom: 30px;} .i4 .ul1 li .txt{padding: 20px 5%;} .i4 .ul1 li .txt .ltc{margin-bottom: 20px;} .i4 .ul1 li .txt .i4_ltc{ display: none;} .i4 .ul1 li .txt .day{padding-top: 10px;display: block;} .i1_ne .ibt .swiper3{padding-bottom: 20px;} .i1_ne .ibt .swiper3 .swiper-scrollbar-drag{background: #da251d;} .i1_ne .ibt .swiper3 .scrollbar3{background: #ddd;} .zt_sl1{padding: 0 0 30px;} .zt_sl1 .abtn a{width: 33.33%;margin: 0;float: left;display: block;padding: 0;line-height: 40px;min-width: 10px;font-size: 14px;} .zt_hh2 .abtn span{width: 33.33%;margin: 0;line-height: 40px;font-size: 14px;} .zt_hh2 .ul1 li .llt,.zt_hh2 .ul1 li .lrt{width: 100%;float: none;} .zt_hh2 .abtn,.zt_cs7 .abtn,.zt_cs8 .abtn{margin: 20px 0;} .zt_hh2 .ul1 li .ltc{margin: 10px 0 20px;padding-bottom: 10px;} .zt_hh3 .tc div,.zt_cs7 .ul1 li a .lrt{width: 100%;float: none;} .zt_cs3{padding: 0px 0 20px;} .zt_cs7{padding: 30px 0;} .zt_cs7 .abtn span{font-size: 14px;margin-right: 0;width: 33.33%;padding: 10px ;text-align: center;line-height: 1.5;} .zt_cs7 .ul1 li a .llt{width: 100%;float: none;} .zt_cs7 .ul1 li a .llt .ltc{margin: 10px 0;} .zt_cs7 .ul1 li a .lrt{margin-top: 10px;} .zt_cs8 .abtn span{width: 33.33%;font-size: 14px;margin: 0;line-height: 40px;} .zt_cs8 .ul1 li .llt,.zt_cs8 .ul1 li .lrt{width: 100%;float: none;position: static;transform: translateY(0%);-webkit-transform: translateY(0%);} .zt_cs8 .ul1 li .lrt{margin-top: 10px;} .zt_fw1{padding: 1px 0;} .zt_hh1 .img{margin-top: 10px;} .zt_fw1 .ul1 li{width: 100%;float: none;margin: 0 0 30px;} .zt_fw2 .tt{margin-bottom: 10px;} .zt_fw2 .ul1{margin: 20px 0;} .zt_fw2 .ul1 li,.zt_fw2 .ul1 li:nth-child(2n){width: 100%;float: none;margin-bottom: 10px;} .zt_hh2 .abtn span{width: 50%;} .zt_sl1 .tt{margin-bottom: 10px;} .zt_sl1 .img{margin-top: 10px;} .zt_hh2 .ul1 li .lrt{margin-top: 10px;} .ab5 .abox .alt .ul1 li .ltt{margin-bottom: 0px;height: 24px;text-align:left;} .sevr_net1 .stop .slt,.sevr_net1 .stop .srt{float: none;width: 100%;} .sevr_net1 .stop .srt li{width: 33.33%;margin: 0;text-align: center;} .sevr_net1 .stop .srt li img{display: none;} .sevr_net1 .stop .srt li .txt{width: 100%;float: none;margin-top: 10px;line-height: 1.5;} .us1 .utop{padding: 0;} .us1 .utop .ult{width: 100%;float: none;} .us1 .utop .urt{width: 100%;float: none;} .us1 .utop .urt li{width: 50%;float: left;} .us1 .utop .urt li .txt .utt{font-size: 30px;margin-bottom: 10px;} .us1 .utop .urt li img{width: 30px;float: none;margin: 0 auto 10px;} .us1 .utop .urt li .txt{width: 100%;float: none;text-align: center;} .us1 .ubtm{margin-top: 0;} .us1 .ubtm .ul1{width: 100%;float: none;margin: 0 0 20px;} .us1 .ubtm .ul1 dt{margin-bottom: 10px;} .us1 .ubtm .ul1 dd{} .us1 .ubtm .ul1 dd .dx{width: 48%;float: left; } .us1 .ubtm .ul1 dd .dx:nth-child(2n){float: right;} .us1{padding:30px 0;} .us1 .en{margin-bottom: 20px;} .us1 .utop .urt li:nth-child(1){border-top: 0;} .us1 .nbtn{margin-top: 30px;} .ztb1,.ztb3{padding: 30px 0;} .ztb1 .tc{margin: 10px 0;} .ztb3 .ul1{padding: 0px;margin: 0px;} .ztb3 .ul1 li{padding: 0 ;margin: 0;height: auto;margin-bottom: 20px;width: 100%;float: none;} .ztb3 .ul1 li .x1{display: none;} .ztb3 .ul1 li .img,.ztb3 .ul1 li .txt,.ztb3 .ul1 li:nth-child(2n) .img{width: 100%;float: none;padding: 0;} .ztb3 .ul1 li .txt{margin-top: 15px;padding: 10px;} .ztb3 .ul1 li .txt .year{font-size: 150px;} .ztb2 .img{display: none;} .ztb2 .img2{display: block;padding: 0 5%;} .gsc1{padding: 30px 0;} .gsc1 .xian{margin: 20px 0;} .gsc1 .tt1,.gsc1 .ul1,.gsc1 .tc{margin-bottom: 20px;} .gsc1 .ul1 li{width: 100%;float: none;height: auto;padding: 20px 5%;margin-bottom: 10px;} .gsc1 .ul2{margin-bottom: 0;} .gsc1 .ul2 a{width: 50%;margin: 0;} .ztenc1{padding: 30px 0;} .ztenc1 .ul1 li,.ztenc1 .ul1 li.act{width: 100%;float: none;border: 0;margin-bottom: 10px;} .ztenc1 .ul1 li img{width: 100%;} .cascl3 .d_box .img0 .swiper20 {padding-bottom: 30px;} .cascl3 .d_box .img0 .swiper20 .scrollbar20{background: #ddd;} .cascl3 .d_box .img0 .swiper20 .scrollbar20 .swiper-scrollbar-drag{background: #d9251c;} .cascl3 .d_box .img0 .swiper20 .prev20,.cascl3 .d_box .img0 .swiper20 .next20{display: none;} .banner .btx{transform: scale(1);-webkit-transform: scale(1);} /* 专题手机产品 */ .shoujicp{margin-bottom: 30px;} .shoujicp .cptt{padding: 0 5%;} .ztb2{display: none;} .ztb4{padding: 30px 0 1px;} .ztb4 .tt {font-size: 20px;} .ztb4 .xian{width: 50px;height: 2px;margin: 20px auto;} .ztb4 .tc,.ztb4 .ul2 li{margin-bottom: 0px;} .ztb4 .ul2 li:nth-child(2n) .lrt{margin: 10px 0 0;} .ztb4 .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .ztb4 .ul2{margin-top: 20px;} .ztb4 .ul2 li img,.ztb4 .ul2 li .lrt,.ztb4 .ul2 li:nth-child(2n) img,.ztb4 .ul2 li:nth-child(2n) .lrt{width: 100%;float: none;} .ztb4 .ul2 li .lrt{margin-top: 10px;} .ztb4 .ul2 li .lrt .ltt,.ztb4 .ul2 li .lrt .ltc1,.ztb4 .ul2 li .lrt .ltc2{margin-bottom: 10px;} .sevrse1 .sbt img{margin-top: 20px;} .semy1{padding: 30px 0;} .semy1 .txt{margin: 20px auto;} .semy1 .img0{max-width: 30%;} .sevr1 .ul1 li{width: 49%;margin: 0 0 2%;} .sevr1 .ul1 li:nth-child(2n){float: right;} .sevr1 .ul1{padding: 30px 0;} .i4 .ul1 li .img img,.new1 .ul1 li a .li2_img img ,.i4 .ul1 .li1 .i4_img img{height: 200px;} .i4 .ul1 li .txt .ltt { -webkit-line-clamp: 1; height: 1.9em; } .ztb4 .ul2 li .lrt .ltc1,.ztb4 .ul2 li .lrt .ltc2{padding: 10px 0;} .buil3 .en{margin: 14px 0 20px;} .footer select{float: none;display: none;} .footer2 .flt s{width: 10px;} .sevrmsg1 .s_tp .s_yz .slt{width: 100%;float: none;} .sevrmsg1{padding: 30px 0 0;} .sevrdw1 .nday{padding-bottom: 20px;} .sevrdw1 .ul1 li{width: 100%;float: none;} .sevrdw1 .ul1 li .lcon{width: calc(100% - 130px);} .servqa1{padding: 0;} .servqa1 .box{padding: 30px 5%;} .servqa1 .s_yz .slt{width: 100%;float: none;} .num_sz1 .en{margin-bottom: 20px;} .num_sz1 .nutp .nlt,.num_sz1 .nutp .nrt{width: 100%;float: none;} .num_sz1{padding-bottom: 10px;} .num_sz2{padding: 30px 0;} .num_sz2 .nrt {width: 100%;float: none;padding: 0;text-align: center;} .num_sz2 .nlt{width: 100%;float: none;margin-top: 10px;} .new1 .ul1 li a .txt{padding: 15px 5%;} .new1 .ul1 li a .txt .ltt{font-size: 16px;} .new1 .ul2n li a{height: auto;padding: 15px 5%;} .new1 .ul2n li a .alt{width: 100%;text-align: center;float: none;border: 0;} .new1 .ul2n li a .alt .day{font-size: 30px;} .new1 .ul2n li a .act{width: 100%;float: none;padding: 10px 0;} .new1 .ul2n li a .art{width: 100%;float: none;} .new1 .ul2n li a .art span{margin: 0 auto;width: 50%;} .new3 .nrt .ul1 li a .txt .day{padding-top: 0;} .us1 .nbtn li{width: 33.33%;height: auto;} .us1 .nbtn li a img{transform: translateY(0%);-webkit-transform: translateY(0%);} .cont_c1 .abtn{padding: 0 0 20px;} .inve1 .intop1 .ul1 a{margin-bottom: 10px;} .inve1 .intop1 .ul1 a .day{width: 80px;} .inve1 .intop1 .ul1 a .txt{width: calc(100% - 160px);padding: 0 0 0 10px;font-size: 14px;} .inve1 .intop1 .ixl .ilt,.inve1 .intop1 .ixl .irt{border: 0;padding: 0;} .cascl3,.cascl3 .dtc, .cascl3 .dtc2{padding: 20px 0;} .joi_bs1 .jtt{margin: 15px 0;} .joi_bs1 .jtc{padding: 0;} .joi_bs{padding: 30px 0 0;} .se_cp1 .ssbtn a{width: 33.33%;line-height: 40px;} .se_cp1 .en{margin: 0;} .i4 .itp .irt{display: none;} .cascl1 .prbt .abtn.sanji a:nth-child(1){width: 100%;} .cascl1 .prbt .abtn a{margin-right: 0;margin-top: 1%;} .sevrmsg1 .sbnew{margin-bottom: 20px;} .i3 .ilt{width: 100%;} } @media (max-width: 1030px) { .i1 .ul1 li a .llt{float:none;margin: 0 auto;} .ab1 .abt li{text-align: center;} .ab1 .abt li img{float:none;margin: 0 auto;} .ab1 .abt li .lrt .num .year{top: -5px;} .banner .more2{display: block;margin: 0 auto 10px;} .yd{display: none !important;} .new1 .ul1 li, .new1 .ule li{width: 100%;margin-right: 0;} .banner .txt .btc{font-size: 12px;} .ab1 .abt li .lrt .wz{max-width: 80%;margin: 0 auto;} .ab5 .abox .alt .ul1{text-align: center;} .ab5 .abox .alt .ul1 li .ltt{text-align: center;} .gsc1 .tc{padding-left: 19px;} .new1 .ule li, .new1 .ule li:nth-child(3n){width: 100%;} .i4 .ul1 li, .i4 .ul1 .li1{width: 90vw;} .yd{display: none;} } @media (max-width: 375px) { .new1 .person .per_2 li { width: 100%; float: none; margin-bottom: 10px; } .new1 .person .per_3 li .imgs2 { margin: 0; } } /* 侧边栏 */ *{margin: 0; padding: 0;box-sizing: border-box;} .right{width:70px;height: auto;position: fixed; right: 5px; top: 30%; z-index: 1000;} .right ul{ display: block; border-radius:10px ; background: #e8e8e8; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; } .right li,.but{cursor:pointer; list-style: none; display: block; font-size: 12px;text-align: center;height:70px;padding: 10px; background: white;} .right li{position: relative;} .right li .lo{width: 30px; height: 30px;margin: 0 auto; } .right .but .lo{margin: 0 auto; padding-bottom: 10px;} .right li p{margin-top: 5px; color: #888888;} .right .li1,.li2,.li3{margin-bottom: 2px;} .right li .hov{background: white;} .right .but{ margin-top: 10px; color: #183884; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; } .right .but img{margin-bottom: 5px;} .right li:hover p{color: #e43c41;} .right li .li1_hov{width: 130px; height: auto; position: absolute; left: -150px;top:26%; display: block;height: 40px;line-height: 40px;display: block;pointer-events: none;color:#e43c41;font-size:16px;} .right li .li3_hov,.right li .li4_hov{ width: 100px; height: 100px; position: absolute; left: -120px; top:-20%; pointer-events: none; } .right li .li2_hov{ width: 140px; position: absolute; left: -140px; top:-20%; background-color:transparent;height:300px;display: none;} .right li .li2_hov .li2_hov_inn{ width: 120px; margin-right:20px;background-color:#fff; position: relative;padding:10px 0 ; } .right li .li2_hov.act{ display: block;animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .right li .li2_hov a{ height:26px;line-height:26px;font-size:14px; } .right li .li2_hov a:hover{ color: #e43c41; } .right li .li3_hov,.right li .li4_hov,.right li .li1_hov{ display: none;} .right li .li2_hov:hover{ display:block !important; } .right .li1_hov{color: #183884;} .right li:hover .li3_hov,.right li:hover .li4_hov,.right li:hover .li1_hov{ display: block; animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .right li .li2_hov:hover .li2_hov_inn{ display:block !important; } .right li .hov img{width: 100px; height: 100px;} .tr{width: 0;height: 0;display: block;border-width: 10px;border-style: solid;border-color:transparent transparent transparent white;position: absolute;right: -20px;top:35%;} .li1 .tr{ right: -20px;top:20%;} @keyframes bounceInLefts { 0% { opacity: 0; transform: translate3d(-40px, 0, 0); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); -o-transform: translate3d(-40px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } @keyframes anim { 0% {opacity: 0;} 100%{opacity:1;} } @media screen and (max-width:960px) { .right{display: none;} } .crumbs_nav{ font-size: 14px; color: #777777; margin-bottom:30px; } .crumbs_nav .on{ color: #333; } .crumbs_nav a{ display: inline-block; color: #777777; }