/*pro_sort*/ .pro_sort .part_1{padding: 2% 3% 0.7%;border: 1px solid #bebebe;margin-bottom: 2.38%;} .pro_sort .part_1 h1{color: #595959;line-height: 1.1em;font-weight: normal;text-align: left;} .pro_sort .part_1 .tab a{color: #2a2a2a;font-weight: bold;text-align: center;padding: 15px 100px;background-color: #fff;border: 1px solid #bebebe;background-image: url(../images/product_icon02.png);background-position: 85% center;background-repeat: no-repeat;margin-right: 10px;display: inline-block;} .pro_sort .part_1 .tab a.on{color: #fff;background-image: url(../images/product_icon01.png);background-color: #4db1b1;border: 1px solid #4db1b1;} .pro_sort .part_1 .tab a.on:hover{color: #fff!important;} .pro_sort .part_1 dt{margin-bottom: 13px;color: #797979;line-height: 1.1em;font-weight: bold;} .pro_sort .part_1 dd{margin-bottom: 16px;} .pro_sort .part_1 dd a{display: inline-block;margin-bottom: 8px;color: #2a2a2a;padding-left: 20px;position: relative;margin-right: 30px;line-height: 1.1em} .pro_sort .part_1 dd a:before{content: "";transition: all .5s;display: block;position: absolute;border-radius: 50%;border: 1px solid #c1c1c1;width: 10px;height: 10px;left: 0px;top: 2px;} .pro_sort .part_1 dd a.on:before{background: #4db1b1;border-color: #4db1b1;} .pro_sort .part_1 dd:nth-child(3){padding: 17px 30px 7px;background: #bababa;} .pro_sort .part_1 dd:nth-child(3) a{color: #fff;} .pro_sort .part_1 dd:nth-child(3) a:before{border-color: #fff;} .pro_sort .part_1 dl.margin_20{margin-bottom: 14px;} .pro_sort .part_1 dl.power dd{margin-bottom: 10px;} .pro_sort .part_1 dl.power dd a{float: left;width: 90px;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;margin-right: 0;margin-bottom: 13px;} .pro_sort .part_2 p{color: #2a2a2a} .pro_sort .part_2 p em{color: #d24e62;font-size: 12px;display: inline-block;margin-left: 7px;} .ph_table { width: 100%; text-align: center; } .ph_table td { text-align: center; line-height: 1.1em; padding: 17px 5px;color: #2a2a2a;border-left: 1px solid #bdbdbd } .ph_table td:first-child{padding-left: 3.2%;border-left: none;} .ph_table td a{color: #2a2a2a;text-decoration:underline!important;} .ph_table td a:visited,.ph_table td a:active{text-decoration:underline!important;} .ph_table thead td { background:#4db1b1; color:#fff;border-left-color: #fff} .ph_table tbody tr:nth-child(even) { background: #f5f5f5; } /*.ph_table tbody td:first-child{padding-left: 3.2% }*/ .ph_table tbody td:first-child a{padding-left: 3em;} .ph_table .t1 { width: 16.5%;padding-left: 3.2% } .pro_sort .part_2 .ph_table .t3{width: 21%;} .pro_sort .part_2 .ph_table .t4 , .pro_sort .part_2 .ph_table .t5 { width: 12%; } .pro_sort .part_2 .ph_table .t6 { width: 15.5%; } .pro_sort .part_2 .ph_table .t7 { width: 12%; } .pro_sort .part_2 .ph_table .t8 { width: 11%;} .pro_system .part_1 dl.power dd a{width: auto;padding-right: 30px;width: 4em;box-sizing: content-box;} .pro_system .part_1 dl.construct dd a{width: 8em;} .pro_system .ph_table td:first-child{padding-left: 13px;} .pro_system .part_1 dl dd a{width: auto;} .pro_system .part_2 .ph_table .t0{padding-left: 13px;} .pro_system .part_2 .ph_table .t1{padding-left: 0;} .pro_system .part_2 .ph_table .t0, .pro_system .part_2 .ph_table .t1, .pro_system .part_2 .ph_table .t2, .pro_system .part_2 .ph_table .t3{width: 8%;} .pro_system .part_2 .ph_table .t4, .pro_system .part_2 .ph_table .t5, .pro_system .part_2 .ph_table .t6{width: 8%;} .pro_system .part_2 .ph_table .t7, .pro_system .part_2 .ph_table .t8{width: 11.6%;} .pro_system .part_2 .ph_table .sfdj .t0{width: 12%} .pro_system .part_2 .ph_table .sfdj .t1{width: 13%;} .pro_system .part_2 .ph_table .sfdj .t3{width: 8%;} .pro_system .part_2 .ph_table .sfdj .t4{width: 13%;} .pro_system .part_2 .ph_table .sfdj .t7, .pro_system .part_2 .ph_table .sfdj .t8{width: 8.6%;} .pro_system .part_2 .ph_table .sfqdq .t0{width: 17%;} .pro_system .panel{border: none;box-shadow: none;display: none;} .pro_system .panel.on{display: block;} .pro_system .change_tab{margin-bottom: 20px;} .pro_system .change_tab a{display: inline-block;margin-right: 10px;border: 1px solid #bebebe;line-height: 1.1em;padding: 15px 40px;color: #2a2a2a;} .pro_system .change_tab a.on{background: #a7a7a7;color: #fff!important;} /*pro_detail*/ .pro_detail .part_1{margin: 0 -25px;position: relative;} .pro_detail .part_1 .col-md-6{padding: 0 25px;padding-top: 0;padding-bottom: 0;background: #fff; } .pro_detail .part_1 .leftbox .imgbox{width: 100%;margin-bottom: 14px;background: url(../upload/product_img06.jpg) no-repeat;background-size: cover;} .pro_detail .part_1 .leftbox .pro_slide{position: relative;} .pro_detail .part_1 .leftbox img{width: 100%;} .pro_detail .part_1 .leftbox .history_album{overflow: hidden;width: 100%;position: relative;} .pro_detail .part_1 .leftbox .slide_wrap{width: 2000%;position: relative;} .pro_detail .part_1 .leftbox .slide_list{float: left;margin-right: 10px;} .pro_detail .part_1 .leftbox .but{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;} .pro_detail .part_1 .leftbox .but .next, .pro_detail .part_1 .leftbox .but .prev{width: 41px;height: 62px;background-size: cover;margin-top: -73px;display: block;position: absolute;cursor: pointer;} .pro_detail .part_1 .leftbox .but .prev{left: 0;background-image: url(../images/product_icon06.png);} .pro_detail .part_1 .leftbox .but .next{right: 0;background-image: url(../images/product_icon07.png)} .pro_detail .part_1 .leftbox .slide_list{border: 1px solid #e5e5e5;overflow: hidden;cursor: pointer;} .pro_detail .part_1 .leftbox .slide_list.on{border-color: #2da19c;} /* .pro_detail .part_1 .leftbox .swiper-slide{border: 1px solid #e5e5e5;overflow: hidden;cursor: pointer;} .pro_detail .part_1 .leftbox .swiper-slide.on{border-color: #2da19c;} .pro_detail .part_1 .leftbox .swiperbox{position: relative;} .pro_detail .part_1 .leftbox .swiper-button-next, .pro_detail .part_1 .leftbox .swiper-button-prev{width: 41px;height: 62px;background-size: cover;margin-top: -73px;} .pro_detail .part_1 .leftbox .swiper-button-prev{left: 0;background-image: url(../images/product_icon06.png);} .pro_detail .part_1 .leftbox .swiper-button-next{right: 0;background-image: url(../images/product_icon07.png)}*/ .pro_detail .part_1 .downbox{border: 1px solid #bebebe;} .pro_detail .part_1 .downbox li{padding: 10px 15px 10px 22px;transition: all .5s;color: #2a2a2a;font-weight: bold;} .pro_detail .part_1 .downbox li p{width: calc( 100% - 72px);width: -moz-calc( 100% - 72px);overflow: hidden;text-overflow: ellipsis;white-space: normal;float: left;} .pro_detail .part_1 .downbox li a:first-child{width: auto;background: none;float: none;background-repeat: no-repeat!important;background-image: none!important;color: #2a2a2a;transition: all .3s;text-decoration: underline!important;display: inline-block;line-height: 1.2em;} .pro_detail .part_1 .downbox li a{float: right;display: block;width: 13px;height: 19px;background-image: url(../images/product_icon03.png);position: relative;} .pro_detail .part_1 .leftbox .more{display: block;margin: auto;max-width: 270px;width:40%;border-radius: 7px;color: #fff;font-weight: bold;height: 62px;line-height: 62px;text-align: center; background: #4db1b1;position: relative;} .pro_detail .part_1 .leftbox .more:hover{color: #fff!important;} .pro_detail .part_1 .leftbox .more:before{background:#ffcc00;transition: all .2s;} .pro_detail .part_1 .leftbox .more:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: rgba(255,255,255,0.3);transition: all .3s;border-radius: 7px;} .pro_detail .part_1 .rightbox{float: right;} .pro_detail .part_1 .rightbox h1{font-weight: normal;color: #595959;position: relative;padding-bottom: 15px;line-height: 1.1em;} .pro_detail .part_1 .rightbox h1:before{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 1.5em;border-bottom: 1px solid #595959;} .pro_detail .part_1 .rightbox dl{margin-bottom: 4.65%;padding-bottom: 4.65%;border-bottom: 1px solid #bebebe; } .pro_detail .part_1 .rightbox dt{color: #4db1b1;font-weight: bold;margin-bottom: 13px;line-height: 1.1em;} .pro_detail .part_1 .rightbox dd{color: #868686;line-height: 1.5em;} .pro_detail .part_1 .rightbox dl.character p{margin-bottom: 6px;/*padding-left: 22px;*/position: relative;} .pro_detail .part_1 .rightbox dl.character p:before{content: "";display: none;position: absolute;width: 7px;height: 7px;background: #868686;left: 0;top: 7px;border-radius: 50%;} /*pro_index*/ .col_nav{height: 55px;} .col_nav.sol_col{height: 111px;} .col_nav ul{margin: 0 -6px;overflow: hidden;background: #fff;padding: 10px 0;} .col_nav ul.fix{position: fixed;top: 0;z-index: 99;width: 100%;max-width: 1268px;left: 50%;transform: translateX(-50%);margin: 0} .col_nav li{display: block;float: left;width: 20%;} .col_nav.about_col li{width: 16.66%;} .col_nav.service_col li{width: 33.33%;} .col_nav li a{display: block;margin: 0 6px;text-align: center;border: 1px solid #bebebe;height: 45px;line-height: 45px;background-image: url(../images/product_icon02.png);background-repeat: no-repeat;background-position: 90% center;font-weight: bold;color: #2a2a2a;} .col_nav li.on a{color: #fff;background-color: #4db1b1;background-image: url(../images/product_icon01.png);border-color: #4db1b1;} .col_nav li.on a:hover{color: #fff!important;} .pro_index .part_1{height: 55px;} .pro_index .part_1 ul{margin: 0 -6px;overflow: hidden;background: #fff;padding: 10px 0;} .pro_index .part_1 ul.fix{position: fixed;top: 0;z-index: 99;width: 100%;max-width: 1268px;left: 50%;transform: translateX(-50%);margin: 0} .pro_index .part_1 li{display: block;float: left;width: 20%;} .pro_index .part_1 li a{display: block;margin: 0 6px;text-align: center;border: 1px solid #bebebe;height: 45px;line-height: 45px;background-image: url(../images/product_icon02.png);background-repeat: no-repeat;background-position: 90% center;font-weight: bold;color: #2a2a2a;} .pro_index .part_1 li.on a{color: #fff;background-color: #4db1b1;background-image: url(../images/product_icon01.png);border-color: #4db1b1;} .pro_index .part_1 li.on a:hover{color: #fff!important;} .pro_index .part_2 .prolist{background: #606060;} .pro_index .part_2 .textbox{float: left;width: 16.6%;padding: 4.9% 3% 0; } .pro_index .part_2 .textbox h4{color: #fff;line-height: 1.1em;margin-bottom: 25px;white-space: nowrap;} .pro_index .part_2 .textbox p{line-height: 1.5em;color: #fff;} .pro_index .part_2 ul{float: right;width: 83.4%;background: #e2e2e2;position: relative;} .pro_index .part_2 li{float: left;width: 33.33%;background: #f2f2f2;border: 1px solid #e2e2e2;} .pro_index .part_2 li:nth-child(3n+1){clear: both;} .pro_index .part_2 li .imgbox{position: relative;} .pro_index .part_2 li img{width: 100%;} .pro_index .part_2 li .mask{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);z-index: 2;transition: all .5s;opacity: 0;cursor: pointer;} .pro_index .part_2 li p{position: absolute;bottom: 30px;text-align: center;left: 0;padding: 0 10px;right: 0;z-index: 3;transition: all .5s;} .pro_index .part_2 .con{position: absolute;left: 0;top: 349px;z-index: 4;background: #4db1b1;right: 0;padding: 4.3% 7.1%;transition: all .5s;opacity: 0;z-index: -1} .pro_index .part_2 .con dl{display: inline-block;padding-right: 3.6%;margin-bottom: 30px;float: left;width: 25%;} .pro_index .part_2 .con dl:nth-child(4n+1){clear: both;} .pro_index .part_2 .con dt{color: #fff;line-height: 1.1em;display: inline-block;margin-bottom: 20px;font-weight: bold;} .pro_index .part_2 .con dd a{display: block;line-height: 2em;color: #fff;white-space: nowrap;} /*ser_index*/ .ser_index{background-color: #f0f0f0;} .ser_index .main h3{color: #595959;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.8em;} .ser_index .main h3:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;} .ser_index .part_1{background-image: url(../upload/service_img02.jpg);background-position: right center;} .ser_index .part_1 img{width: 100%;} .ser_index .part_1 .row,.ser_index .part_2 .row{margin: 0;position: relative;} .ser_index .part_1 .col-md-6,.ser_index .part_2 .col-md-6{padding: 0;} .ser_index .part_1 .txtbox,.ser_index .part_2 .txtbox{padding: 7.1% 5.1%;height: 100%;} .ser_index .part_2 img{width: 100%;} .ser_index .part_1 h4{color: #4db1b1;line-height: 1.7em;margin-bottom: 15px;font-weight: bold;} .ser_index .part_1 p{color: #868686;line-height: 1.7em;} .ser_index .part_2 h3,.ser_index .part_2 h4,.ser_index .part_2 p{color: #fff;} .ser_index .part_2 h3:before{border-color: #fff;} .ser_index .part_2 .txtbox{position: absolute;top: 0;left: 0;z-index: 2;background: rgba(77,177,177,0.8);} .ser_index .part_2 h4{margin-bottom: 15px;line-height: 1.7em;font-weight: bold;} .ser_index .part_2 p{margin-bottom: 15px;line-height: 1.7em;} .ser_index .part_3 .col-md-6{padding: 7% 7.1% 7% 5.3%;} .ser_index .part_3 p{color: #868686;line-height: 1.7em;} .ser_index .part_4{position: relative;} .ser_index .part_4 img{width: 100%;} .ser_index .part_4 dl{position: absolute;top: 21%;left: 5.1%;} .ser_index .part_4 dt h3{color: #fff;} .ser_index .part_4 dt h3:before{border-color: #fff;} .ser_index .part_4 dd{color: #fff;line-height: 1.1em;} .ser_index .part_4 dd em{font-weight: bold;} .ser_index .part_5{background-image: url(../upload/service_img07.png);background-size: cover;position: relative;} .ser_index .part_5 img{width: 100%;} .ser_index .part_5 .title{position: absolute;top: 10.8%;left: 5.4%;} .ser_index .part_5 .title a{display: block;width: 173px;height: 43px;line-height: 43px;color: #595959;text-align: center;position: relative;margin-bottom: 20px;border: 1px solid #dfdfdf;background: #fff;} .ser_index .part_5 .title a:before{content: "";display: block;position: absolute;right: -20px;opacity: 0;border: 10px solid transparent;border-left-color: #4db1b1;top: 50%;transform: translateY(-50%);} .ser_index .part_5 .title a.on{color: #fff;font-weight: bold;background: #4db1b1;border-color: #4db1b1;} .ser_index .part_5 .title a.on:before{opacity: 1;} .ser_index .part_5 .title a.on:hover{color: #fff!important;} .ser_index .part_5 li a{color: #3f3f3f;} .ser_index .part_5 li{position: absolute;padding-left: 13px;background-image: url(../images/service_icon02.png);background-repeat: no-repeat;background-position: left center;cursor: pointer;margin-top: -8px;margin-left: -11px;} .ser_index .part_5 .listtitle{position: absolute;left: 15px;transform: translate(-100%,-100%);white-space: nowrap;top: 10px;z-index: -1} .ser_index .part_5 .listtitle a{display: inline-block;line-height: 26px;width: 100%;transition: all .5s;transition-delay: .3s;overflow: hidden;transform: translateX(30%);padding-right: 30px;background: #fff;border-radius: 20px;padding-left: 23px;box-shadow: 5px 5px 3px #6c6c6c;position: relative;top: 2px;opacity: 0;} .ser_index .part_5 .listtitle span{display: inline-block;width: 28px;height: 39px;background-image: url(../images/service_icon01.png);background-size: cover;position: absolute;right: -3px;transform: translateY(40%);opacity: 0;transition: all .3s;} .ser_index .part_5 li>span{opacity: 0;transition: all .3s;display: block;width: 0;height: 1em;overflow: hidden;} /*ser_question*/ .ser_question .part_1 li{padding: 2.38%;background-color: #f5f5f5;transition: all .3s;} .ser_question .part_1 h3{padding-left: 30px;position: relative;line-height: 1.5em;margin-bottom: 13px;transition: all .3s;} .ser_question .part_1 h3:before{content: "";display: block;position: absolute;width: 20px;height: 20px;background-image: url(../images/service_icon03.png);left: 0;top: 3px;transition: all .3s;} .ser_question .part_1 p{position: relative;padding-left: 60px;line-height: 1.5em;transition: all .3s;} .ser_question .part_1 p:before{content: "绛旓細";position: absolute;color: #707070;left: 30px;line-height: 1.5em;top: -1px;transition: all .3s;} .ser_question .part_1 li:hover{background: #4db1b1;} .ser_question .part_1 li:hover *{color: #fff;cursor: default;} .ser_question .part_1 li:hover p:before{color: #fff;} .ser_question .part_1 li:hover h3:before{background-image: url(../images/service_icon04.png);} /*ser_down*/ .ser_down .part_1{background: #e6e6e6;padding: 15px 53px;} .ser_down .part_1 h4{margin-right: 30px;line-height: 32px;display: inline-block;float: left;} .ser_down .part_1 .filterbox{max-width: 883px;float: left;width: calc(100% - 200px);width: -moz-calc(100% - 200px);} .ser_down .part_1 button{color: #fff;background: #4db1b1;line-height: 32px;height: 32px;display: inline-block;padding: 0 52px;box-shadow: none;border: none;float: left;} .ser_down .part_1 .filterbox dl{float: left;width: 30%;margin:0 1.5%;position: relative; } .ser_down .part_1 .filterbox dt{height: 32px;line-height: 32px;border: 1px solid #d5dfe8;background: #fff;padding-left: 8px;padding-right: 30px;background-image: url(../images/service_icon05.png);background-repeat: no-repeat;background-position: 93% center;color: #666666;font-weight: normal;cursor: pointer;} .ser_down .part_1 .filterbox dd{display: none;position: absolute;top: 32px;border: 1px solid #d5dfe8;background: #fff;width: 100%;} .ser_down .part_1 .filterbox dd a{display: block;padding-left: 8px;padding-right: 30px;line-height: 32px;z-index: 3;color: #666666;} .ser_down .part_1 .filterbox dd a:hover{background: #ccc;} .ser_down .ph_table thead td{color: #fff;} .ser_down .ph_table .t1{width: 19%;} .ser_down .ph_table .t2{width: 38%;} .ser_down .ph_table .t3{width: 19%;} .ser_down .ph_table .t4{width: 18%;} .ser_down .ph_table .t5{width: 6%;} .ser_down .ph_table img{width: 22px;height: 22px;cursor: pointer;transition: all .3s;} .ser_down .ph_table tr td:first-child{padding-left: 3.2%;} .ser_down .ph_table td a{color: #4db1b1;display: inline-block;padding-right: 35px;background-image: url(../images/index_icon01.png);background-repeat: no-repeat;background-position: center right;background-size: 13px;line-height: 20px;margin-right: 20px;width: 90%;text-align: left;} .ser_down .ph_table td a.onCKhits{width: auto;text-align: center;background-image: url(../images/product_icon03.png);background-size: auto} .ser_down .ph_table td{color: #707070;} /*about_index*/ .about_index .part_1{padding-bottom: 19%;} .about_index .part_1 img{width: 100%;position: absolute;top: 0;left: 0;z-index: -1;} .about_index .part_2{padding: 3.1% 7%;background: #fff;box-shadow: 6px 6px 22px 1px #E0E0E0;} .about_index .part_2 dt{color: #2a2a2a;margin-bottom:5px; } .about_index .part_2 dt em{color: #4db1b1;line-height: 1.1em;} .about_index .part_2 dd{color: #2a2a2a;} .about_index .part_3 h1{color: #595959;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.8em;} .about_index .part_3 h1:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;} .about_index .part_3 .imgbox img{width: 100%;} .about_index .part_3 .row{margin: 0 -25px;} .about_index .part_3 .row>div{padding: 0 25px} /*about_video*/ .videoblock li{margin-bottom: 30px;} .videoblock li .listbox{position: relative;cursor: pointer;} .videoblock li .mask{position: absolute;z-index: 2;background-color: rgba(0,0,0,0.5);left: 0;top: 0;right: 0;bottom: 0;} .videoblock li img{width: 100%;} .videoblock li p{position: absolute;bottom: 27px;padding: 0 20px;color: #fff;z-index: 3;text-align: center;width: 100%;} .videoblock li em{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-image: url(../images/about_icon01.png);width: 88px;height: 60px;background-size: cover;z-index: 3;} .videomask{position: fixed;z-index: 9999;background: rgba(0,0,0,0.7);left: 0;top: 0;width: 100%;height: 100%;display: none;} .videomask .videobox{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;} .videomask iframe{width: 100%;height: 100%;} .videomask .video_close{position: absolute;right: 40px;top: 40px;display: block;width: 40px;height: 40px;background-image: url(../images/about_icon02.png);background-size: 20px;z-index: 999;border-radius: 50%;border: 1px solid #4db1b1;background-repeat: no-repeat;background-position: center center;} /*about_culture*/ .about_culture .part_1 img{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;} .about_culture .part_1 .txt{padding: 4.61% 5.1% 12%;color: #868686;} .about_culture .part_1 .txt p{line-height: 1.3em;} .about_culture .part_1 .txt h4{font-weight: bold;color: #4db1b1;line-height: 1.5em;} .about_culture .main h3{color: #595959;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.8em;} .about_culture .main h3:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;} .about_culture .part_2 .list{margin: 0;background: #f0f0f0;} .about_culture .part_2 .list:nth-child(odd) .imgbox{float: right;} .about_culture .part_2 .list:nth-child(odd){background-color: #4db1b1;color: #fff;} .about_culture .part_2 .list:nth-child(odd) h3{color: #fff;} .about_culture .part_2 .list:nth-child(odd) h3:before{border-color: #fff;} .about_culture .part_2 .list .col-md-6{padding: 0;} .about_culture .part_2 .list img{width: 100%;} .about_culture .part_2 .list .txt{padding: 7.3% 5.1% 0;} .about_culture .part_2 .list .txt p{padding-left: 15px;position: relative;line-height: 1.5em;margin-bottom: 20px;} .about_culture .part_2 .list .txt p:before{content: "";display: block;position: absolute;left: 0;width: 5px;height: 5px;background: #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);} .about_culture .part_2 .list:nth-child(even) .txt p:before{background: #868686;} /*about_respond*/ .about_respond .col_nav ul{background: #f0f0f0} .about_respond .part_1{padding-bottom: 15%;} .about_respond .part_1 img{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;} .about_respond .part_2{padding: 3% 0;background: #f0f0f0;} .about_respond .part_2 .col-xs-4{text-align: center;} .about_respond .part_2 .imgbox{display: inline-block;border-radius: 50%;background: #fff;padding: 3px;} .about_respond .part_2 .imgbox img{width: 100%;} .about_respond .part_2 .borderbox{background: -webkit-linear-gradient(#fff,#f8f8f8); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fff,#f8f8f8); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fff,#f8f8f8); /* Firefox 3.6 - 15 */ background: linear-gradient(#fff,#f8f8f8); /* 鏍囧噯鐨勮娉 */border-radius: 50%;} .about_respond .part_2 h4{font-weight: bold;color: #2a2a2a;line-height: 1.1em;margin-bottom: 12px;} .about_respond .part_2 p{color: #2a2a2a;line-height: 1.1em;} .about_respond .part_3 li h3{float: left;width: 100px;margin-right: 9%;color: #4db1b1;font-weight: bold;} .about_respond .part_3 li .con{float: left;width: calc(91% - 100px);width: -moz-calc(91% - 100px)} .about_respond .part_3 li dl{margin-bottom: 3.2%;} .about_respond .part_3 li dt{width: 173px;float: left;margin-right: 6%;text-align: center;height: 43px;line-height: 43px;color: #fff;background: #4db1b1;font-weight: bold;} .about_respond .part_3 li dd{width: calc(94% - 173px);width: -moz-calc(94% - 173px);float: left;border-bottom: 1px solid #bebebe;padding-bottom: 10px;} .about_respond .part_3 li h4{margin-bottom: 13px;line-height: 1.3em;color: #2a2a2a;} .about_respond .part_3 li p{line-height: 1.7em;margin-bottom: 15px;color: #707070;} .about_respond .part_3 li img{margin-bottom: 19px;max-width: 100%;} /*join_index*/ .join_index .part_1 .mapbox{position: relative;} .join_index .part_1 #map{width: 100%;height: 100%;} .join_index .part_1 .txt{position: absolute;top: 5.2%;left: 2.3%;padding: 2.7%;background: rgba(41,41,41,0.7);border-top: 3px solid #4db1b1;} .join_index .part_1 .txt h3{line-height: 1.1em;color: #fff;padding-bottom: 10px;border-bottom: 3px solid #fff;display: inline-block;} .join_index .part_1 .txt dl{padding: 17px 14px 20px 14px;color: #fff;border-bottom: 1px solid #8c8c8b;} .join_index .part_1 .txt dl:last-child{border: none;} .join_index .part_1 .txt dt{padding-left: 33px;background-position: left 1px;background-repeat: no-repeat;line-height: 18px;margin-bottom: 5px;} .join_index .part_1 .txt dd{padding-left: 33px;} .join_index .part_1 .txt dd a{color: #fff;margin-right: 14px;} .join_index .part_1 .txt dl.addres dt, .join_index .part_1 .txt dl.serv dt{background-image: url(../images/join_icon02.png);} .join_index .part_1 .txt dl.sale dt{background-image: url(../images/join_icon03.png);} .join_index .part_1 .txt dl.fax dt{background-image: url(../images/join_icon04.png);} .join_index .part_1 .txt dl.mail dt{background-image: url(../images/join_icon03.png);} .join_index .part_2>.row{margin: 0 -25px;} .join_index .part_2>.row>.col-md-6{padding: 0 25px;} .join_index .part_2 .leftbox li{padding-bottom: 17px;border-bottom: 1px solid #bebebe;margin-bottom: 3.3%;} .join_index .part_2 .leftbox h3{color: #2a2a2a;line-height: 1.3em;cursor: pointer;overflow: hidden;} .join_index .part_2 .leftbox h3 p{float: left;width: calc(100% - 72px);-moz-width: calc(100% - 72px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 13px;} .join_index .part_2 .leftbox p.ask_detail{line-height: 1.5em;color: #707070;margin-bottom: 15px;} .join_index .part_2 .leftbox em{float: right;color: #b7b4ad;font-size: 14px;} .join_index .part_2 .leftbox dl p{line-height: 1.5em;color: #707070;margin-bottom: 15px;} .join_index .part_2 .leftbox dl{padding: 3% 5%;background: #f0f0f0;display: none;} .join_index .part_2 .leftbox dt{font-weight: normal;color: #2a2a2a;line-height: 1.1em;margin-bottom: 12px;} .join_index .part_2 .leftbox dt p{float: right;color: #b7b4ad;font-size: 14px;} .join_index .part_2 .leftbox dd{clear: both;} .join_index .part_2 .leftbox .swiper-container{padding-bottom:100px;} .join_index .part_2 .but{float: right;position: relative;top: 100px; z-index:100;} .join_index .part_2 .but a{display: inline-block;width:56px;height: 56px;background-size: cover; } .join_index .part_2 .but a.prev{background-image: url(../images/join_icon06_on.png);} .join_index .part_2 .but a.next{background-image: url(../images/join_icon07_on.png);} .join_index .part_2 .but a.prev.swiper-button-disabled{background-image: url(../images/join_icon06.png);} .join_index .part_2 .but a.next.swiper-button-disabled{background-image: url(../images/join_icon07.png);} .join_index .part_2 .rightbox .con{padding: 7.4% 8.3%;background-image: url(../upload/join_img01.jpg);background-size: cover;color: #fff;text-align: right;} .join_index .part_2 .rightbox .formbox.must h4:before{content: "*";position: absolute;right: -8px;top: 0;color: #fff;} .join_index .part_2 .rightbox h2{line-height: 1.1em;margin-bottom: 4.5%;text-align: left;} .join_index .part_2 .rightbox .formbox{text-align: left;} .join_index .part_2 .rightbox h4{line-height: 1.1em;margin-bottom: 10px;position: relative;display: inline-block;} .join_index .part_2 .rightbox .inputbox{padding: 0 10px;background: #fff;height: 34px;line-height: 34px;} .join_index .part_2 .rightbox input, .join_index .part_2 .rightbox textarea{box-shadow: none;border: none;width: 100%;background: #fff;color: #707070;} .join_index .part_2 .rightbox textarea{padding: 10px;min-height: 7.5em;line-height: 1.5em;} .join_index .part_2 .rightbox button{background: #f59906;border-radius: 7px;color: #fff;height: 42px;line-height: 42px;padding: 0 65px;box-shadow: none;border: none;font-weight: bold;} /*join_info*/ .join_info .part_1{background-image: url(../upload/join_img02.png);background-size: contain;background-repeat: no-repeat;padding: 3.1% 0 5.9%;margin-top: -2.6%;background-position: center center;} .join_info .part_2{background: #f3f3f3;} .join_info .part_2 thead .t1{width: 30%;} .join_info .part_2 tbody tr:nth-child(even){background: #f9f9f9;} .join_info .part_2 tbody td:nth-last-child(2){padding-left: 15px;} .join_info .part_2 tbody td:nth-last-child(2), .join_info .part_2 tbody td:nth-last-child(3){color: #707070;} .join_info .videomask .videobox{max-width: 900px;background: #fff;padding: 30px;max-height: 80%;overflow-y: auto;overflow-x: hidden;} .join_info .videomask .videobox .conlist{margin-bottom: 15px;} .join_info .videomask .videobox h3{line-height: 1.1em;margin-bottom: 10px;} .join_info .videomask .videobox h4{margin-bottom: 7px;} .join_info .videomask .videobox em{display: inline-block;margin-right: 15px;width: 30%;margin-bottom: 7px;white-space: nowrap;} .join_info .videomask .videobox p{color: #333;display: inline-block;white-space: nowrap;} .join_info .videomask .videobox p a{white-space: nowrap;} .join_info .videomask .videobox .close{margin-bottom: 10px;} /*join_live*/ .join_live .main .part_1 .imgbox{overflow: hidden;} .join_live .main .part_1 .list img{max-width: none;width: 100%;} .join_live .part_1 .list i{display: none;} /*sol_case*/ .sol_case{background: #f0f0f0;} .sol_case .part_1 .row{margin: 0;background: #fff;} .sol_case .part_1 .row:nth-child(4n+2), .sol_case .part_1 .row:nth-child(4n+3){background: #4db1b1;color: #fff;} .sol_case .part_1 .row:nth-child(4n+2) h3 a, .sol_case .part_1 .row:nth-child(4n+3) h3 a, .sol_case .part_1 .row:nth-child(4n+2) p, .sol_case .part_1 .row:nth-child(4n+3) p{color: #fff;} .sol_case .part_1 .row:nth-child(4n+2) h3:before, .sol_case .part_1 .row:nth-child(4n+3) h3:before{border-color: #fff;} .sol_case .part_1 .row:nth-child(4n+2) h3 a:hover, .sol_case .part_1 .row:nth-child(4n+3) h3 a:hover{color: #fff!important;} .sol_case .part_1 .col-sm-6{padding: 0;} .sol_case .part_1 .row:nth-child(even) .imgbox{float: right;} .sol_case .part_1 .txtbox{padding: 7.4% 4.4%;padding-bottom: 0;} .sol_case .part_1 .imgbox{padding: 0;} .sol_case .part_1 .imgbox img{width: 100%;} .sol_case .part_1 h3{position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.8em;} .sol_case .part_1 h3 a{color: #595959;} .sol_case .part_1 h3:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;} .sol_case .part_1 p{line-height: 1.4em;color: #868686;margin-bottom: 20px;} /*sol_index*/ .sol_index .part_1 .listbox{position: relative;display: block;} .sol_index .part_1 .bg{width: 100%;} .sol_index .part_1 .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;} .sol_index .part_1 .listbox:before{position: absolute;left: 50%;top: 50%;width: 0;height: 0;border: 0 solid #fff;content: "";display: block;transform: translate(-50%,-50%);border-radius: 50%;z-index: 3;transition: all .5s;} .sol_index .part_1 .listbox:hover:before{width: 138px;height: 138px;border-width: 1px;} .sol_index .part_1 .mask{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index: 2;transition: all .5s;} .sol_index .part_1 .listbox:hover .mask{background: #4db1b1;} .sol_index .part_1 p{z-index: 3;text-align: center;position: absolute;bottom: 35px;color: #fff;width: 100%;} /*sol_detail*/ .sol_detail .part_1{position: relative;} .sol_detail .part_1 h1{color: #595959;text-align: center;font-weight: normal;} .article .info{text-align: center;padding-bottom: 17px;border-bottom: 1px solid #bebebe;} .article .info em{display: inline-block;padding-left: 24px;margin: 0 20px;background-repeat: no-repeat;background-position: center left;color: #b7b4ad;} .article .info em.via{background-image: url(../images/sol_icon01.png);} .article .info em.read{background-image: url(../images/sol_icon02.png);} .article .info em.time{background-image: url(../images/sol_icon03.png);} .sol_detail .part_1 p{line-height: 1.5em;color: #868686;} .sol_detail .part_1 .leftbox a{margin-top: 20px;} .sol_detail .part_2{border: 10px solid #f0f0f0;} .sol_detail .part_2, .sol_detail .part_3, .sol_detail .part_4{padding: 3.9% 4.5%;} .sol_detail .part_4{background: #f0f0f0;} .sol_detail .part_4 .lh_17{width: 58%;} .sol_detail .part_4 .imgbox{float: right;width: 25%;margin-right: 4.3%;} .sol_detail .part_4 .imgbox img{width: 100%;} .sol_detail .part_5{clear: both;} .sol_detail .part_5 .list{width: 25%;} .sol_detail .part_5 h2{text-align: center;color: #595959;} .sol_detail .part_5 h3 a{color: #2a2a2a;} .sol_detail .part_5 a{display: block;color: #2a2a2a;} .sol_detail .part_5 a img{width: 100%;} .sol_detail .part_5 .swiper-button-next,.sol_detail .part_5 .swiper-button-prev{top: 43%;width: 41px;height: 62px;background-size: cover;z-index: 99;pointer-events: inherit;} .sol_detail .part_5 .swiper-button-prev{left: 0;background-image: url(../images/index_icon02.png);} .sol_detail .part_5 .swiper-button-next{right: 0;background-image: url(../images/index_icon03.png);} /*join_idea*/ .join_idea .part_1{padding-bottom: 15.8%} .join_idea .part_1 img{position: absolute;width: 100%;top: 0;left: 0;z-index: -1} .join_idea .part_1 .title{float: left;width: 310px;height: 310px;background-image: url(../upload/join_img04.png);background-size: cover;z-index: 3;position: relative;padding: 2.7%;color: #fff; } .join_idea .part_1 .title h1{color: #fff;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.5em;} .join_idea .part_1 .title h1:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #fff;bottom: 0;left: 0;} .join_idea .part_1 .title p{font-weight: bold;line-height: 1.4em;} .join_idea .part_1 .txt{float: left;margin-left: 8.2%;width: 100%;max-width: 600px;line-height: 2em;} /*join_develop*/ .join_develop .part_1{padding: 3% 0 4.4%;} .join_develop .part_1 img{position: absolute;width: 100%;top: 0;left: 0;z-index: -1} .join_develop .part_1 .titlebox{position: relative;z-index: 2;float: right;} .join_develop .part_1 .title{margin-bottom: } .join_develop .part_1 .title h1{color: #595959;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.5em;} .join_develop .part_1 .title h1:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;} .join_develop .part_1 .title p{color: #4db1b1;font-weight: bold;} .join_develop .part_2{background: #fff;padding-top: 20px;} .join_develop .part_2 h3{font-weight: bold;color: #4db1b1;margin-bottom: 15px;} .join_develop .part_2 p{color: #868686;line-height: 1.5em;margin-bottom: } .join_develop .part_2 img{width: 100%;max-width: 1200px;} /*about_history*/ .about_history .part_1{position: relative;padding-top: 2.5%} .about_history .part_1 .leftbox{float: left;width: 333px;height: 760px;} .about_history .part_1 .leftbox .swiper-container{height: 100%;width: 100%} .about_history .part_1 a{color: #a6a6a6;display: block;margin: auto;border-radius: 25px;width: 90%;text-align: center;position: relative;font-size: 1em;margin: 0 auto;opacity: 1;transform-origin:50% 50%;margin-top: -6px;} .about_history .part_1 .leftbox .swiper-slide-active a{color: #fff;background: #4db1b1;font-size: 1.6em;box-shadow: 0 5px 10px 3px #d2d2d2;border: 1px solid #fff;opacity: 1;} .about_history .part_1 a:before{content: "";position: absolute;display: block;width: 25px;height: 25px;background-image: url(../images/about_icon03.png);right: 15px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .3s;} .about_history .part_1 .leftbox .swiper-slide-active a:hover{color: #fff!important;} .about_history .part_1 .leftbox .swiper-slide-active a:before{opacity: 1;} .about_history .part_1 .leftbox .swiper-slide em{display: none;} .about_history .part_1 .leftbox .swiper-slide-active em{display: inline;} .about_history .part_1 .leftbox .swiper-slide i{display: inline-block;border-bottom: 2px solid #92918f;width: 73px;position: relative;margin-right: 14px;top: -6px;} .about_history .part_1 .leftbox .swiper-slide-active i{display: none;} .about_history .part_1 .rightbox{width: calc(91% - 333px);width: -moz-calc(91% - 333px);;float: right;min-height: 760px; margin-top:12px;} .about_history .part_1 li{float: none;border-bottom: 1px solid #bebebe;padding-bottom: 10px;margin-bottom: 3.6%;overflow: hidden;} .about_history .part_1 li h4{margin-bottom: 13px;line-height: 1.3em;color: #2a2a2a;width: 91%;overflow: hidden;} .about_history .part_1 li h4 em{display: block;margin-right: 19px;float: left;width: 40px;} .about_history .part_1 li .hisp{float: left;width: calc(100% - 60px);width: -moz-calc(100% - 60px);} .about_history .part_1 li p{line-height: 1.5em;margin-bottom: 15px;color: #707070;width: calc(100% - 60px);width: -moz-calc(100% - 60px);float: right;} .about_history .part_1 li img{margin-bottom: 19px;max-width: 100%;clear: both;} /*news_index*/ .news_index .main{margin-bottom: 0;} .news_index .main h2{line-height: 1.1em;} .news_index .main h2 a{color: #595959;} .news_index .part_1>.row,.news_index .part_2 .row.box1{margin: 0 -50px;} .news_index .part_1 .col-md-6,.news_index .part_2 .col-md-6{padding: 0 50px;} .news_index .part_1 .col-md-6 img{max-width: 100%;} .news_index .part_1 .leftbox .txt{padding:16px 10px; } .news_index .part_1 .leftbox .txt a{color: #332c2b;line-height: 1.1em;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;display: block;} .news_index .part_1 .leftbox em{color: #b7b4ad;line-height: 1.1em;margin-bottom: 12px;display: block;} .news_index .part_1 .leftbox p{line-height: 1.7em;color: #807978;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 3.4em;} .news_index .part_1 .rightbox li{margin-bottom: 18px;} .news_index .part_1 .rightbox a{color: #2a2a2a;display: inline-block;width: calc(100% - 80px);width: -moz-calc(100% - 80px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.1em;} .news_index .part_1 .rightbox em{float: right;color: #b7b4ad;} .news_index .part_1 .rightbox li:nth-child(5){margin-bottom: 6%;padding-bottom: 6%;border-bottom: 1px solid #c8c5bf;} .news_index .part_2{background: #f5f5f5;padding: 3.1% 0 3.1%;} .news_index .part_2 h2 a, .news_index .part_1 h2 a{font-size: 14px;float: right;line-height: 1.1em;position: relative;top: 16px;} .news_index .part_2 .leftbox img{width: 100%;} .news_index .part_2 .leftbox .txt{padding: 0 10px;} .news_index .part_2 .leftbox .txt a{color: #332c2b;line-height: 1.3em;margin-bottom: 9px;display: block;} .news_index .part_2 .leftbox .txt em{display: block;color: #b7b4ad;margin-bottom: 10px;} .news_index .part_2 .leftbox .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 5.1em;line-height: 1.7em;color: #807978;} .new_block1 dl{margin-bottom: 3.1%} .new_block1 dl:last-child{margin-bottom: 0;} .new_block1 dt{float: left;width: 29%;} .new_block1 dt img{width: 100%;} .new_block1 dd{float: right;width: 68%;} .new_block1 dd a{width: calc(100% - 80px);width: -moz-calc(100% - 80px);display: inline-block;color: #2a2a2a;line-height: 1.1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 14px;} .new_block1 dd em{font-size: 14px;color: #b7b4ad;float: right;position: relative;top: 4px;} .new_block1 dd p{color: #707070;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 3em;line-height: 1.5em;} .new_block1 dd .more{float: right;position: relative;display: inline-block;padding: 2px 22px;color: #707070;border: 1px solid #707070;font-size: 12px;margin-top: 10px;width: auto;margin-bottom: 0;} /*news_news*/ .news_news .part_1 .list:nth-child(1) .listbox, .news_news .part_1 .list:nth-child(6) .listbox, .news_news .part_1 .list:nth-child(7) .listbox{background: #f5f5f5;color: #332c2b;} .news_news .part_1 .list:nth-child(2) .listbox, .news_news .part_1 .list:nth-child(5) .listbox, .news_news .part_1 .list:nth-child(9) .listbox{background: #807978;} .news_news .part_1 .list:nth-child(3) .listbox, .news_news .part_1 .list:nth-child(4) .listbox, .news_news .part_1 .list:nth-child(8) .listbox{background: #4db1b1;} .news_news .part_1 .list:nth-child(1) .listbox em, .news_news .part_1 .list:nth-child(6) .listbox em, .news_news .part_1 .list:nth-child(7) .listbox em{color: #b7b4ad;} .news_news .part_1 .list:nth-child(1) .listbox p, .news_news .part_1 .list:nth-child(6) .listbox p, .news_news .part_1 .list:nth-child(7) .listbox p{color: #807978;} .news_news .part_1 .listbox{position: relative;color: #332c2b;display: block;overflow: hidden;transition: none;color: #fff;} .news_news .part_1 .list:nth-child(1):hover .listbox, .news_news .part_1 .list:nth-child(6):hover .listbox, .news_news .part_1 .list:nth-child(7):hover .listbox{color: #332c2b!important;} .news_news .part_1 .listbox:hover{color: #fff!important;} .news_news .part_1 .listbox .txt{padding: 10%;position: absolute;left: 0;top: 0;transition: all cubic-bezier(0.19, 1, 0.22, 1) .7s;z-index: 3;padding-bottom: 0;box-sizing: border-box;width: 100%;} .news_news .part_1 .listbox img{width: 100%;opacity: 0;} .news_news .part_1 .listbox h3{line-height: 1.1em;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 3;position: relative;} .news_news .part_1 .listbox em{color: #fff;margin-bottom: 7px;line-height: 1.1em;display: block;overflow: hidden;} .news_news .part_1 .listbox p{color: #fff;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.1em;line-height: 1.7em;} .news_news .part_1 .listbox .mask{z-index: 2;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);opacity: 0;} .news_news .part_1 .list.on .mask{opacity: 1;} .news_news .part_1 .list.on .txt{top: 60%;} .news_news .part_1 .list.on img{opacity: 1;} /*news_detail*/ .news_detail .part_1{position: relative;} .news_detail .part_1 .leftbox, .sol_detail .part_1 .leftbox{float: left;width: 63.37%;position: relative;} .news_detail .part_1 .leftbox .info{text-align: left;} .news_detail .part_1 .leftbox .info .via{margin-left: 0;} .news_detail .part_1 .leftbox h1{text-align: center;} .news_detail .part_1 .leftbox>img{width: 100%;} .news_detail .part_1 .rightbox, .sol_detail .part_1 .rightbox{float: right;width: 31.84%;background: #fff;right: 0;} .news_detail .part_1 .rightbox .con{border:1px solid #f5f5f5;padding: 25px;} .news_detail .part_1 .rightbox dl{border-bottom: 1px solid #c8c5bf;padding-bottom: 20px;} .news_detail .part_1 .rightbox dt, .sol_detail .part_1 .rightbox dt{float: left;width: 31.12%;} .news_detail .part_1 .rightbox dt a, .sol_detail .part_1 .rightbox dt a{display: block;} .news_detail .part_1 .rightbox dt img, .sol_detail .part_1 .rightbox dt img{width: 100%;} .news_detail .part_1 .rightbox dd, .sol_detail .part_1 .rightbox dd{float: right;width: 61.38%;} .news_detail .part_1 .rightbox dd a, .sol_detail .part_1 .rightbox dd a{color: #393939;line-height: 1.4em;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 2.8em;} .news_detail .part_1 .rightbox dd em, .sol_detail .part_1 .rightbox dd em{font-size: 14px;color: #b7b4ad;line-height: 1.1em;} .news_detail .part_1 .close{margin-top: 20px;} /*news_act*/ .news_tab a{color: #2a2a2a;font-weight: bold;text-align: center;padding: 15px 100px;background-color: #fff;border: 1px solid #bebebe;background-image: url(../images/product_icon02.png);background-position: 85% center;background-repeat: no-repeat;margin-right: 10px;display: inline-block;} .news_tab a.on{color: #fff;background-image: url(../images/product_icon01.png);background-color: #4db1b1;border: 1px solid #4db1b1;} .news_tab a.on:hover{color: #fff!important;} .news_act .new_block2 dl{padding: 3.9% 3.2%;background: #f5f5f5;} .news_act .new_block2 dd{width: calc(96.9% - 90px);width: -moz-calc(96.9% - 90px);} .news_act .new_block2 dd h3{overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;} .news_act .new_block2 dd a.more{border-color: #cecece;} .news_act .new_block3 .swiper-container{padding: 38px 0;} .news_act .new_block3 .swiper-slide{position: relative;} .news_act .new_block3 .swiper-slide img{width: 100%;transition: all .5s;position: relative;} .news_act .new_block3 .swiper-slide:before{position: absolute;content: "";display: block;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);transition: all .5s;z-index: 2;} .news_act .new_block3 .swiper-slide.swiper-slide-next{z-index: 5;} .news_act .new_block3 .swiper-slide.swiper-slide-next img{transform: scale(1.3);} .news_act .new_block3 .swiper-slide.swiper-slide-next:before{opacity: 0;} .news_act .swiper-button-next, .news_act .swiper-button-prev{width: 41px;height: 62px;background-size: cover;margin-top: -35px;} .news_act .swiper-button-prev{left: 0;background-image: url(../images/product_icon06.png);} .news_act .swiper-button-next{right: 0;background-image: url(../images/product_icon07.png)} .news_act .swiper-button-prev:hover{left: 0;background-image: url(../images/product_icon04.png);} .news_act .swiper-button-next:hover{right: 0;background-image: url(../images/product_icon05.png)} .news_act .part_4 .videoblock li{margin-bottom: 0;width: 33.33%} .news_act .part_5 ul{margin: 0 -50px;background-image: url(../images/news_icon01_21.jpg);background-repeat: repeat-y;background-position: center top;} .news_act .part_5 li{margin-bottom: 4.4%;padding: 0 50px;} .news_act .part_5 li:nth-child(2n+1){clear: both;} .news_act .part_5 li:nth-last-child(2), .news_act .part_5 li:nth-last-child(1){margin-bottom: 30px;} .news_act .part_5 h3{margin-bottom: 16px;} .news_act .part_5 h3 a{display: inline-block;width: calc(100% - 92px);-moz-width: calc(100% - 92px);color: #2a2a2a;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_act .part_5 h3 em{color: #b7b4ad;display: inline-block;float: right;} .news_act .part_5 p{color: #707070;line-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 3em;} .news_act .part_5 a.more{float: right;position: relative;display: inline-block;padding: 2px 22px;color: #707070;border: 1px solid #707070;font-size: 12px;margin-top: 3px;} /*news_past*/ .news_past .main .part_1 .list a{background-image: none!important;padding-left: 0;} /*invest_act*/ .invest_act .part_1{margin:0 -30px;} .invest_act .part_1 dl:hover dd a{color: #fff!important;} .new_block2 .list{padding: 0 30px;} .new_block2 dl{padding:8.3% 6.6%;border: 1px solid #c8c5bf;transition: all .5s;} .new_block2 .list:nth-child(4n+1) dl, .new_block2 .list:nth-child(4n+4) dl{background: #f5f5f5;border-color:#f5f5f5; } .new_block2 dt{float: left;padding: 13px;background: #4db1b1;color: #fff;display: inline-block;text-align: center;} .new_block2 dt h4{border-bottom: 1px solid rgba(255,255,255,0.24);line-height: 1.1em;margin-bottom: 5px;padding-bottom: 5px;} .new_block2 dd{float: right;width: calc(93.6% - 90px);width: -moz-calc(93.6% - 90px);transition: all .5s;} .new_block2 dd h3{line-height: 1.5em;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3em;margin-bottom: 15px;display: block;transition: all .5s;} .new_block2 dd a{color: #2a2a2a;} .new_block2 dd p{color: #707070;line-height: 1.5em;transition: all .5s;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.5em;} .new_block2 dd a.more{display: inline-block;padding: 2px 22px;color: #707070;border: 1px solid #707070;font-size: 12px;} /*invest_info*/ .invest_info .part_1{margin-left: -30px;margin-right: -30px;} .invest_info .part_1 .list{padding: 0 30px;} .invest_info .part_1 .list .listbox{padding: 20px;transition: all .5s;} .invest_info .part_1 .list a{line-height: 1.1em;display: inline-block;width: calc(100% - 92px);width: -moz-calc(100% - 92px);color: #000000;position: relative;padding-left: 38px;background: url(../images/invest_icon01.png) no-repeat;background-position: left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .invest_info .part_1 .list em{display: inline-block;float: right;color: #b7b4ad;padding-right: 18px;transition: all .5s;} .invest_info .part_1 .list:nth-child(4n+3) .listbox, .invest_info .part_1 .list:nth-child(4n+4) .listbox{border-top: 1px solid #e5e5e5;background: #f8f8f8;} .invest_info .part_1 .list:hover .listbox{background: #4db1b1;} .invest_info .part_1 .list .listbox:hover a{color: #fff!important;background-image: url(../images/invest_icon02.png);} .invest_info .part_1 .list .listbox:hover em{color: #fff;} /*invest_honor*/ .invest_honor .part_1 .list{cursor: pointer;} .invest_honor .part_1 .imgbox{text-align: center;border: 1px solid #e6e6e6;position: relative;} .invest_honor .part_1 img{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 139px;} .invest_honor .part_1 i{position: absolute;bottom: 24px;width: 70%;max-width: 114px;border-radius: 50%;box-shadow: 0 0 11px 6px #dedede;height: 2px;background: #dedede;left: 50%;left: 50%;transform: translate(-50%,-50%);} .invest_honor .part_1 p{text-align: center;padding: 1.3em 0;color: #2a2a2a;} .invest_honor .videomask .videobox{text-align: center;} .videomask .videobox img{margin-bottom: 10px;width: 100%;max-width: 80%;max-height: 80%;} .videomask .videobox p{color: #fff;} @media only screen and (min-width:1025px) { .pro_index .part_2 li:hover .con{display: block;opacity: 1;z-index: 5} .pro_index .part_2 .con dd a:hover{color: #333!important;} .pro_index .part_2 li:hover{border-color: transparent;} .pro_index .part_2 li:hover p{color: #fff} .pro_index .part_2 li:hover .mask{opacity: 1;} .pro_detail .part_1 .downbox li:hover{background-color: #4db1b1;color: #fff;} .pro_detail .part_1 .downbox li:hover a{background-image: url(../images/product_icon08.png);} .pro_detail .part_1 .downbox li:hover a:first-child{color: #fff!important} .pro_detail .part_1 .leftbox .more:hover:before{width:100%;} .invest_act .part_1 dl:hover{border-color: #4db1b1;background: #4db1b1!important;box-shadow: 0 0 10px 3px #dadada;} .invest_act .part_1 dl:hover dt{border:1px solid #fff;background: transparent;color: #fff;} .invest_act .part_1 dl:hover dd p{color: #fff;} .invest_act .part_1 dl:hover dd a{color: #fff;border-color: #fff;} .ser_down .ph_table td:hover img{transform: scale(8) translate(-20%);background: #fff;box-shadow: 0 0 5px #bababa;border: 1px solid #fff;} .news_news .part_1 .list.on:hover .txt{top: 0;} .news_news .part_1 .list.on:hover em{height: 1.1em} .news_news .part_1 .list.on:hover p{height: 5.1em} .news_news .part_1 .list.on:hover a{color: #fff!important;} .pro_detail .part_1 .leftbox .swiper-button-prev:hover{left: 0;background-image: url(../images/product_icon04.png);} .pro_detail .part_1 .leftbox .swiper-button-next:hover{right: 0;background-image: url(../images/product_icon05.png)} .ser_index .part_5 li:hover .listtitle{z-index: 1} .ser_index .part_5 li:hover .listtitle span{transform: translateY(0);opacity: 1;} .ser_index .part_5 li:hover .listtitle a{transform: translateX(0);opacity: 1;} .ser_index .part_5 li:hover>span{opacity: 0;} } @media only screen and (max-width:1520px){ .news_index .part_1 .rightbox li{margin-bottom: 21px;} .join_index .part_2 .rightbox .con{padding: 5.1% 8.3%} } @media only screen and (max-width:1440px){ .about_respond .part_1{padding-bottom: 13.5%; } } @media only screen and (max-width:1440px){ .about_index .part_1{padding-bottom: 17%;} .about_culture .part_1 .txt{padding: 3.61% 5.1% 0%} .about_respond .part_1{padding-bottom: 10.7%;} .join_develop .part_1{padding-bottom: 4%;} .join_idea .part_1{padding-bottom: 5%;} .news_index .part_1>.row, .news_index .part_2 .row.box1{margin: 0 -30px;} .new_block1 dd a{margin-bottom: 8px;} .new_block1 dl{margin-bottom: 2.7%;} .news_index .part_1 .col-md-6, .news_index .part_2 .col-md-6{padding: 0 30px;} } @media only screen and (max-width:1300px){ .about_index .part_1,.about_index .part_1{padding-bottom: 30px;} .about_index .part_1 img{position: relative;} .about_culture .part_1 img,.about_culture .part_1{position: relative;} .about_culture .part_1 .txt{padding: 30px;padding-bottom: 0;} .about_history .part_1 .leftbox{width: 300px;} .about_history .part_1 .rightbox{width: calc(97% - 300px);width: -moz-calc(97% - 300px)} .about_respond .part_1{padding-bottom: 0;} .about_respond .part_1 img{position: relative;} .about_respond .part_2 .imgbox{width: 100px;} .about_respond .part_3 li h3{margin-right: 5%;position: relative;top: 10px;} .join_develop .part_1{padding-top: 0;} .join_idea .part_1{position: relative;padding: 30px 0 50px;} .join_idea .part_1 img{width: 100%;height: auto;transform: translateX(-50%);left: 50%;} .join_index .part_1 .txt dl{padding: 15px;} .join_index .part_1 .txt h3{margin-bottom: 6px;} .join_index .part_1 .txt dt,.join_index .part_1 .txt dd{padding-left: 25px;} .join_index .part_2 .leftbox p{margin-bottom: 10px;} .join_index .part_2 .leftbox h3{margin-bottom: 7px;} .join_index .part_2 .leftbox li{padding-bottom: 8px;margin-bottom: 3.35%;} .sol_index .part_1 .icon{width: 110px;height: 110px;} .sol_index .part_1 .listbox:hover:before{height: 125px;width: 125px;} .invest_act .part_1{margin: 0 -10px;} .new_block2 .list{padding: 0 10px;} .new_block2 dl{padding: 30px;} .new_block2 dt{padding: 9px;} .new_block2 dd{width: calc(93.6% - 69px);width: -moz-calc(93.6% - 69px);} .invest_honor .part_1 p{padding: 10px 0;padding-bottom: 3px;} .news_detail .part_1 .rightbox dl, .sol_detail .part_1 .rightbox dl{padding-bottom: 10px;} .news_index .part_1>.row, .news_index .part_2 .row.box1{margin: 0 -30px;} .news_index .part_1 .col-md-6, .news_index .part_2 .col-md-6{padding: 0 30px;} .news_index .part_2 h2 a, .news_index .part_1 h2 a{top: 5px;} .new_block1 dd .more{margin-top: 5px;} .new_block1 dd a{margin-bottom: 10px;} .new_block1 dl{margin-bottom: 2.1%;} .news_news .part_1 .listbox .txt{padding: 30px;padding-bottom: 0;} } @media only screen and (max-width:1024px){ .pro_index .part_2 .textbox{padding: 25px;} .pro_index .part_2 li.on .con{display: block;opacity: 1;z-index: 5} .pro_index .part_2 .con dd a:hover{color: #333!important;} .pro_index .part_2 li.on{border-color: transparent;} .pro_index .part_2 li.on p{color: #fff} .pro_index .part_2 li.on .mask{opacity: 1;} .pro_index .part_2 .textbox h4{margin-bottom: 20px;} .pro_detail .close{display: none;} .about_index .part_2{padding: 20px;} .about_respond .part_3 li h3{width: 85px;} .about_respond .part_3 li .con{width: calc(94% - 85px);width: -moz-calc(94% - 85px)} .videoblock li em{width: 60px;height: 41px;background-size: cover;} .videoblock li{margin-bottom: 20px;} .join_develop .part_1 img{position: relative;margin-bottom: 20px;} .join_develop .part_1 .titlebox{float: none;} .join_idea .part_1 img{width: auto;height: 100%;} .join_index .part_2 .rightbox .formbox{margin-bottom: 16px;} .sol_index .part_1 .icon{width: 90px;height: 90px;} .sol_index .part_1 .listbox:hover:before{height: 103px;width: 103px;} .sol_index .part_1 p{bottom: 20px;} .invest_honor .part_1 i{bottom: 11px;width: 40%;} .invest_info .part_1{margin-left: -15px;margin-right: -15px;} .invest_info .part_1 .list{padding: 0 15px;} .invest_info .part_1 .list .listbox{padding: 15px;} .invest_info .part_1 .list em{padding-right: 10px;} .news_tab a{padding: 10px 60px;} .news_act .new_block2 dl{padding: 30px;} .news_detail .part_1 .rightbox dt, .sol_detail .part_1 .rightbox dt{width: 34.12%} .news_detail .part_1 .rightbox .con, .sol_detail .part_1 .rightbox .con{padding: 15px;} .news_news .part_1 .listbox .txt{padding: 20px;padding-bottom: 0} .news_news .part_1 .listbox h3{margin-bottom: 10px;} .news_index .part_1>.row, .news_index .part_2 .row.box1{margin: 0 -15px;} .news_index .part_1 .rightbox li{margin-bottom: 14px;} .news_index .part_1 .col-md-6, .news_index .part_2 .col-md-6{padding: 0 15px;} .news_index .part_1 .leftbox .txt a{margin-bottom: 10px;} .news_index .part_1 .leftbox em{margin-bottom: 5px;} .news_index .part_2 .leftbox .imgbox{margin-bottom: 10px;} .news_index .part_2 .leftbox .txt a{margin-bottom: 3px;} .news_index .part_2 .leftbox .txt em{margin-bottom: 3px;} .news_news .part_1 .listbox .txt{padding: 20px;padding-bottom: 0;} .news_news .part_1 .list.on .txt{top: 70%;} } @media only screen and (min-width:1024px){ .about_history .part_1 .leftbox .prev_nth2Mode a{transform: rotate(-10deg);opacity: 1;} .about_history .part_1 .leftbox .next_nth2Mode a{transform: rotate(10deg) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth3Mode a{transform: rotate(-15deg) translateX(-17px);opacity: 1;} .about_history .part_1 .leftbox .next_nth3Mode a{transform: rotate(15deg) translateX(-17px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth4Mode a{transform: rotate(-20deg) translateX(-40px);opacity: 1;} .about_history .part_1 .leftbox .next_nth4Mode a{transform: rotate(20deg) translateX(-40px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;} .about_history .part_1 .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;} .about_history .part_1 .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;} .about_history .part_1 .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;} .news_news .part_1 .row{margin-left: -7.5px;margin-right: -7.5px;} .news_news .part_1 .list{padding: 0 7.5px;} } @media only screen and (min-width:1023px){ .news_news .part_1 .list.on h3{color: #fff!important;} .news_news .part_1 .list.on a{color: #fff!important;} .news_news .part_1 .list.on em{color: #fff!important;height: 0;transition: all .3s;} .news_news .part_1 .list.on p{color: #fff!important;height: 0;transition: all .3s;} } @media only screen and (max-width:1023px){ .pro_sort .part_1{padding: 20px;padding-bottom: 0;} .pro_sort .part_1 .tab a{padding: 12px 60px;} .pro_sort .part_1 dt{margin-bottom: 10px;} .pro_sort .part_1 dd{margin-bottom: 15px;} .pro_sort .part_1 dl.power dd a{padding-bottom: 13px;margin-bottom: 13px;} .pro_index .part_2 .con{padding: 30px;} .pro_index .part_2 .con dd a{line-height: 1.5em;margin-bottom: 8px;} .pro_index .part_2 .con dt{font-weight: bold;margin-bottom: 14px;} .pro_index .part_2 .textbox{float: none;width: 100%;} .pro_index .part_2 ul{float: none;width: 100%;} .pro_index .part_2 li p{bottom: 15px;} .ser_index .part_1{background-size: auto;background-position: bottom right;background-repeat: no-repeat;background-color: #fff;} .ser_index .part_1 .txtbox, .ser_index .part_2 .txtbox{padding: 30px;} .ser_index .part_2 .txtbox{position: relative;} .ser_index .part_3{margin-bottom: 30px;} .ser_index .main h3{padding-bottom: 10px;} .ser_index .part_3 .col-md-6{padding: 30px;padding-bottom: 0;} .ser_index .part_5{padding: 15px;background-image: none;} .ser_index .part_5 .title a{display: inline-block;margin-right: 10px;width: 100px;height: 30px;line-height: 30px;} .ser_index .part_5 .title{position: static;} .ser_index .part_5 img{display: none;} .ser_index .part_5 li{position: static; background-image: url(../images/service_icon02.png);;font-size: 18px;margin-bottom: 5px;overflow: hidden;padding-left: 30px;background-repeat: no-repeat;background-position: left 5px;} .ser_index .part_5 li>span{float: left;line-height: 1.2em;width: 4em;} .ser_index .part_5 li:hover>span{opacity: 1;} .ser_index .part_5 .listtitle{position: static;transform: translate(0,0);display: inline-block;float: left;width: calc(100% - 5em);} .ser_index .part_5 .listtitle a{opacity: 1;color: #333;transform: translate(0,0);box-shadow: none;border-radius: 0;border: none;background-color: transparent;top: 0;height: auto;line-height: 1.2em;display: block;white-space: normal;} .ser_index .part_5 .listtitle span{display: none;} .ser_question .part_1 h3{margin-bottom: 9px;} .ser_question .part_1 h3:before{width: 15px;height: 15px;background-size: cover;} .ser_down .ph_table td.on img{transform: scale(8) translate(-20%);background: #fff;box-shadow: 0 0 5px #bababa;border: 1px solid #fff;z-index: 3;position: relative;} .about_index .part_2 dl{text-align: center;margin-bottom: 10px;} .about_index .main h1{padding-bottom: 10px;} .about_index .part_3 .row div.lh_17{margin-bottom: 10px;} .about_culture .part_2 .list:nth-child(odd) .imgbox{float: none;} .about_culture .part_2 .list .txt{padding: 30px;} .about_culture .main h3{padding-bottom: 10px;} .about_history .part_1 .leftbox{width: 200px;height: 500px;} .about_history .part_1 .rightbox{min-height: 500px;} .about_history .part_1 a{opacity: 1;} .about_history .part_1 .leftbox .swiper-slide-active a{top: -11px;} .about_history .part_1 .rightbox{width: -moz-calc(97% - 200px);width: calc(97% - 200px)} .about_respond .part_3 li h3{width: 60px;margin-right: 3%;} .about_respond .part_3 li dt{width: 100px;} .about_respond .part_3 li .con{width: -moz-calc(97% - 60px;);width: calc(97% - 60px);} .about_respond .part_3 li dd{width: -moz-calc(94% - 100px;);width: calc(94% - 100px);} .join_develop .part_1 .title h1{padding-bottom: 10px;} .join_idea .part_1 .title{width: 100%;height: auto;float: none;margin-bottom: 20px;background-size: auto;background-position: right bottom;background-repeat: no-repeat;background-color: #5ec1c1;} .join_idea .part_1 .txt{margin-left: 0;float: none;} .join_index .part_1 .mapbox{height: auto!important;} .join_index .part_1 #map{width: 100%;height: 300px;} .join_index .part_1 .txt{position: relative;left: 0;top: 0;} .join_index .part_2 .leftbox li{margin-bottom: 15px;} .join_index .part_2 .rightbox .con{padding: 30px;} .join_index .part_2 .rightbox button{padding: 0 30px;height: 30px;line-height: 30px;} .join_info .part_2{padding: 30px 0;} .join_info .part_2 tbody tr:nth-child(even){background: #f9f9f9} .sol_case .part_1 h3{padding-bottom: 10px;} .sol_case .part_1 .txtbox{padding: 30px;} .sol_case .part_1 .row:nth-child(even) .imgbox{float: none;} .sol_case .part_1 .row:nth-child(4n+2), .sol_case .part_1 .row:nth-child(4n+3){background: none;} .sol_case .part_1 .row:nth-child(even){background: #4db1b1;} .sol_case .part_1 .row:nth-child(odd){background: #fff;} .sol_case .part_1 .row:nth-child(4n+2) h3 a, .sol_case .part_1 .row:nth-child(4n+3) h3 a, .sol_case .part_1 .row:nth-child(4n+2) p, .sol_case .part_1 .row:nth-child(4n+3) p{color: #595959;} .sol_case .part_1 .row:nth-child(even) h3 a,.sol_case .part_1 .row:nth-child(even) p{color: #fff;} .sol_case .part_1 .row:nth-child(4n+2) h3:before, .sol_case .part_1 .row:nth-child(4n+3) h3:before{border-color: #595959;} .sol_case .part_1 .row:nth-child(even) h3:before{border-color: #fff;} .sol_case .part_1 .row{padding: 0;} .sol_case .part_1 p:last-child{margin-bottom: 0;} .new_block2 dl{padding: 15px;} .new_block2 dt h4{margin-bottom: 3px;padding-bottom: 3px;} .new_block2 dt{padding: 5px;} .new_block2 dd{width: calc(93.6% - 57px);width: -moz-calc(93.6% - 57px);} .new_block2 dd h3{margin-bottom: 10px;} .new_block2 dd p{margin-bottom: 10px;} .invest_honor .part_1 i{bottom: 20px;width: 40%;} .news_act .new_block2 dd{width: calc(93.6% - 57px);width: -moz-calc(93.6% - 57px);} .news_act .new_block2 dl{padding: 15px;} .news_act .new_block3 .swiper-container{padding: 25px 0} .news_act .part_5 li{margin-bottom: 20px;} .news_act .part_5 li:last-child{margin-bottom: 0} .news_act .part_5 ul{background: none;} .news_act .part_5 h3{margin-bottom: 4px;} .news_act .part_5 a.more{display: none;} .news_detail .part_1 .leftbox, .sol_detail .part_1 .leftbox{float: none;width: 100%;margin-bottom: 20px;} .news_detail .part_1 .leftbox h1{font-weight: bold;} .news_detail .part_1 .rightbox, .sol_detail .part_1 .rightbox{float: none;width: 100%;position: static!important;margin-top: 75px;} .news_index .part_1 .leftbox .txt{padding: 16px 0;} .news_index .part_1 .rightbox li:nth-child(1){border-top: 1px solid #c8c5bf;padding-top: 20px;} .news_index .part_1 .rightbox li:nth-child(5){margin-bottom: 14px;border: none;padding-bottom: 0;} .news_index .part_2 .leftbox{margin-bottom: 30px;} .new_block1 dl{margin-bottom: 15px;} .new_block1 dd a{margin-bottom: 5px;} .new_block1 dd em{top: 0;} .new_block1 dd .more{display: none;} .news_news .part_1 .list.on .txt{top: 0;} .news_news .part_1 .list.on em{height: 1.1em} .news_news .part_1 .list.on p{height: 5.1em} .news_news .part_1 .list.on a{color: #fff!important;} .news_news .part_1 .listbox{height: auto!important;} .news_news .part_1 .listbox .txt{position: relative;z-index: 3;} .news_news .part_1 .listbox .mask{display: none;} .ph_table tbody td:first-child a{padding-left: 0;} .ph_table tbody td:first-child{padding-left: 3.2%;padding-right: 10px;} } @media only screen and (max-width:767px) { .col_nav.about_col li{width: 33.33%;} .col_nav li,.col_nav.service_col li{width: 33.33%;margin-bottom: 10px;} .col_nav.service_col{height: 55px;} .col_nav.sol_col{height: 222px;} .col_nav{height: 111px;} .col_nav li a,.col_nav li.on a{background-image: none;} .pro_sort .part_1 .tab a{padding: 7px 30px;background-size: 7px;} .pro_index .part_2 .con{padding: 10px;padding-bottom: 10px;} .pro_index .part_2 .con dl{float: none;width: 100%;margin-bottom: 10px;} .pro_index .part_2 .con dl:nth-child(4n+1){clear: none;} .pro_index .part_2 .con dl:nth-child(3n+1){clear: both;} .pro_index .part_2 .con dt{margin-bottom: 10px;} .pro_index .part_2 .con dd a{display: inline-block;padding-right: 10px;} .pro_index .part_2 .textbox{padding: 15px;} .pro_index .part_2 .textbox h4{margin-bottom: 15px;} .pro_index .part_2 li{width: 50%;} .pro_index .part_2 li:nth-child(3n+1){clear: none;} .pro_index .part_2 li:nth-child(2n+1){clear: both;} .pro_index .part_2 li p{bottom: 10px;} .pro_index .part_1 li{width: 33.33%;margin-bottom: 10px;} .pro_index .part_1{height: 111px;} .pro_index .part_1 li a,.pro_index .part_1 li.on a{background-image: none;} .pro_detail .part_1 .leftbox .more{height: 40px;line-height: 40px;} .ser_index .part_1{background: none} .ser_index .part_1 .txtbox, .ser_index .part_2 .txtbox{padding: 15px;} .ser_index .part_3{margin-bottom: 10px;} .ser_index .part_3 .col-md-6{padding: 15px;} .ser_down{cursor: pointer;} .ser_down .part_1 h4{float: none;margin: auto;display: block;text-align: center;} .ser_down .part_1 .filterbox{float: none;width: 100%;margin-bottom: 13px;} .ser_down .part_1 .filterbox dl{margin: auto;float: none;width: 100%;margin-bottom: 7px;} .ser_down .part_1 .filterbox dd{z-index: 3;} .ser_down .part_1 button{width: 100%;} .ser_down .ph_table tr td:first-child{padding-left: 8em;} .about_culture .part_1 .txt{padding: 15px;} .about_culture .part_2 .list .txt{padding: 15px;} .about_culture .part_2 .list .txt p{margin-bottom: 10px;} .about_history .part_1 .leftbox{width: 120px;height: 300px;} .about_history .part_1 .rightbox{min-height: 300px;} .about_history .part_1 .rightbox{width: -moz-calc(100% - 140px);width: calc(100% - 140px)} /*.about_history .part_1 li p,.about_history .part_1 li h4{width: 100%;}*/ .about_history .part_1 .leftbox .swiper-slide-active a{font-size: 1.2em;top: -7px;} .about_history .part_1 .leftbox .swiper-slide i{width: 40px;} .about_history .part_1 a:before{width: 17px;height: 17px;background-size: cover;right: 6px;} .about_respond .part_2 .imgbox{width: 60px;} .about_respond .part_3 li h3{float: none;margin-right: 0;top: 0;margin-bottom: 10px;} .about_respond .part_3 li dt{width: 80px;height: 30px;line-height: 30px;} .about_respond .part_3 li .con{float: none;width: 100%;} .videoblock li{margin-bottom: 10px;} .videomask .video_close{right: -20px;top: -20px;width: 15px;height: 15px;} .join_develop .part_1{padding-bottom: 0;} .join_idea .part_1 img{transform: translateX(0);position: relative;left: 0;width: 100%;height: auto;} .join_index .part_2 .rightbox .con{padding: 15px;} .join_info .part_2{padding: 15px 0;} .join_info .part_2 tbody td:nth-last-child(2){padding-left: 8em;} .join_info .videomask .videobox{padding: 10px;} .join_info .videomask .videobox em{width: 100%;} .join_info .videomask{cursor: pointer;} .sol_index .part_1 .icon{width: 60px;height: 60px;} .sol_index .part_1 .listbox:hover:before{width: 60px;height: 60px;} .sol_index .part_1 p{bottom: 14px;} .sol_index .part_1 .row{margin-left: -5px;margin-right: -5px;} .sol_index .part_1 .col-xs-6{padding: 0 5px;} .sol_case .part_1 .txtbox{padding:15px ; } .article .info{text-align: left;padding-bottom: 5px;} .article .info em{margin: 0 10px;} .article .info em.via,.article .info em.time{margin-left: 0} .sol_detail .part_4 .imgbox{float: none;max-width: 50%;width: auto;margin:auto;margin-bottom: 10px;} .sol_detail .part_4 .lh_17{width: 100%;} .sol_detail .part_5 .swiper-button-next, .sol_detail .part_5 .swiper-button-prev{width: 25px;height: 39px;} .sol_detail .part_5 a.imgbox{margin-bottom: 10px;} .sol_detail .close{display: none;} .new_block2 .list:nth-child(4n+1) dl, .new_block2 .list:nth-child(4n+4) dl{background: #fff;} .new_block2 .list:nth-child(odd) dl{background: #f5f5f5} .invest_honor .part_1 i{display: none;} .invest_honor .part_1 p{padding-top: 3px;} .invest_honor .part_1 {margin-left: -5px;margin-right: -5px;} .invest_honor .part_1 .list{padding: 0 5px;} .invest_info .part_1 .list .listbox{padding: 10px;} .invest_info .part_1 .list:nth-child(4n+3) .listbox, .invest_info .part_1 .list:nth-child(4n+4) .listbox{background: #fff;} .invest_info .part_1 .list:nth-child(odd) .listbox{background: #f8f8f8;} .invest_info .part_1 .list em{padding-right: 0} .invest_info .part_1 .list a{padding-left: 23px;background-size: 13px;} .news_detail .part_1 .rightbox .con, .sol_detail .part_1 .rightbox .con{margin-bottom: 20px;} .news_detail .part_1 .close, .sol_detail .part_1 .close{display: none;} .news_detail .part_1 .rightbox, .sol_detail .part_1 .rightbox{margin-top: 30px;} .news_tab a{padding: 7px 30px;} .news_index .part_2 .leftbox .col-sm-6:first-child{margin-bottom: 10px;} .news_index .part_1 .rightbox li{margin-bottom: 10px;} .news_news .part_1 .listbox .txt{padding: 15px;padding-bottom: 0;} .ser_index .part_5 .listtitle a{padding: 0 10px;} .ph_table , .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .ph_table tbody td:first-child,.pro_system .ph_table td:first-child{padding-left: 8em;} .ph_table tbody td:first-child a{padding-left: 0;} .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 8em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } } @media only screen and (max-width:425px){ .news_act .new_block3 .swiper-slide.swiper-slide-next img{transform: scale(1);} .news_act .new_block3 .swiper-slide:before{display: none;} .news_act .new_block3 .swiper-container{padding: 0} .new_block1 dt{float: none;width: 100%;margin-bottom: 7px;} .new_block1 dd{float: none;width: 100%;} .new_block1 dd h3 a{margin-bottom:7px; } }