@charset "utf-8";

/* CSS Document */
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.banner .swiper-slide .title .txtyi h2{font-size: 60px;transition: all 0.6s;}
.banner .swiper-slide .title .txtyi p{font-size: 30px;transition: all 0.6s;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #000;opacity: 0.4;border-radius: 0px;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #0742a6;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px; margin-top: -25px;outline: medium;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 40px;color: #FFF;}

.dyip{background: url(/skin/images/pic44.jpg) no-repeat center fixed;}
.dyip .box{padding:70px 0;}
.dyip .dwup_l{width: 100%;}
.dyip .dwup_l h2{font-size: 30px;color: #0742a6;font-weight: bold;margin-bottom: 10px}
.dyip .dwup_l ul{margin-top: 30px;}
.dyip .dwup_l li{float: left;width: 50%;}
.dyip .dwup_l li .bt span{font-size: 80px;font-weight: bold;color: #0742a6;margin-right: 10px;}
.dyip .dyip_r{width: 100%;}
.dyip .dyip_r .txt p{line-height: 30px;}
.dyip .dyip_r .txt .more{margin-top: 30px;width: 120px;height: 40px;line-height: 40px;background: #0742a6;text-align: center;}
.dyip .dyip_r .txt .more a{color: #FFF;display: block;}
.dyip .dyip_r .txt .more a:hover{color: #FFF;display: block;text-decoration: none;}

.derp{padding:70px 0 40px 0;background:url(/skin/images/pic45.jpg) no-repeat center 50px;}
.derp .title{font-size: 40px;text-align: center;text-transform: uppercase;font-weight: bold;}
.derp .hd{margin-top: 40px;}
.derp .hd ul{font-size: 0px;text-align: center;}
.derp .hd li{display: inline-block;font-size: 16px;margin:0 5px 10px;line-height: 50px;padding:0 40px;cursor: pointer;background: #F5F5F5;}
.derp .hd li.on{background: #0742a6;color: #FFF;}
.derp .bd{margin-top: 40px;}
.derp .bd ul{margin-left: -1%;}
.derp .bd li{float: left;width: 24%;margin-left: 1%;box-sizing: border-box;margin-bottom: 1%;position: relative;text-align: center;}
.derp .bd li a:hover{text-decoration: none;}
.derp .bd li .pic{border:1px solid #f1f1f1;}
.derp .bd li .pic img{width: 100%;height: 206px;object-fit: cover}
.derp .bd li .h2{height: 60px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;padding: 10px}

.dsanp img{width: 100%;}

.dsip{padding:80px 0;}
.dsip .title{text-align: center;font-size: 40px;text-transform: uppercase;font-weight: bold;color: #444;}
.dsip .index_case{margin-top: 40px;position: relative;}
.dsip .index_case .swiper-wrapper{transition-timing-function: linear !important;}
.dsip .index_case .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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.dsip .index_case .swiper-button-prev::after{content: "" !important}
.dsip .index_case .swiper-button-next::after{content: "" !important}
.dsip .index_case .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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.dsip .index_case .swiper-slide{width: 100%;}
.dsip .index_case .swiper-slide img{width: 100%;height: 206px;object-fit: cover;}
.dsip .index_case .swiper-slide .img{width: 100%;height: 206px;overflow: hidden}
.dsip .index_case .swiper-slide .h2{text-align: center;height: 60px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;padding: 0 10px}
.dsip .index_case .swiper-slide a:hover{text-decoration: none;}
.dsip .swiper-pagination{position: initial;}
.dsip .swiper-pagination-bullet{margin:0 10px;border:2px solid #FFF;width: 8px;height: 8px;}
.dsip .swiper-pagination .swiper-pagination-bullet-active{background: none;border:2px solid #0742a6;}

.dwup{padding:70px 0;background: #F5F5F5;}
.dwup .title{text-align: center;font-size: 40px;font-weight: bold;}
.dwup .box{margin-top: 40px;}
.dwup .box .left{width: 49%;position: relative;float: left;}
.dwup .box .left .pic{height: 517px;}
.dwup .box .left .pic img{width: 100%;height: 517px;object-fit: cover}
.dwup .box .left h2{position: absolute;left: 0px;bottom: 0px;right: 0px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);font-weight: bold;color: #FFF;overflow: hidden;}
.dwup .box .left h2 a{display: block;color: #FFF;}
.dwup .box .left h2 a:hover{display: block;color: #FFF;text-decoration: none;}
.dwup .box .right{float: right;width: 49%;}
.dwup .box .right li{background: #FFF;margin-bottom: 11px;padding:15px 10px;transition: all 0.3s;}
.dwup .box .right li:hover{background: #0742a6;}
.dwup .box .right li .riqi{width: 100px;text-align: center;float: left;color:#0742a6;border-right: 1px solid #DDD;padding:10px 0;}
.dwup .box .right li:hover .riqi{color:#FFF;}
.dwup .box .right li .riqi p{font-size: 30px;}
.dwup .box .right li .riqi .qi{margin-top: 10px;}
.dwup .box .right li .txt{margin-left: 130px;}
.dwup .box .right li .txt h2{font-size: 16px;font-weight: bold;}
.dwup .box .right li:hover .txt h2 a{color: #FFF;text-decoration: none;}
.dwup .box .right li .txt p{color: #999;line-height: 24px;margin-top: 10px;font-size: 14px;height: 48px;overflow: hidden;}
.dwup .box .right li:hover .txt p{color: #FFF;}

.banner_ny {width: 100%;height: 280px;position: relative; display: flex;align-items: center;justify-content: center;}
.banner_ny img{width: 100%;height: 280px;object-fit: cover; position: absolute;left: 0;top: 0;z-index: 1}
.banner_ny .desc{position: relative;z-index: 2;background: url(/skin/images/banner-k.png) no-repeat center center;background-size: 100% 100%;padding: 20px 30px;}
.banner_ny .desc p{color:#FFF;text-align: center;}
.banner_ny .desc .title{font-size: 30px;font-weight: bold;}
.banner_ny .desc .info{font-size: 42px;font-weight: bold;}

.con{padding:50px 0;background: url(/skin/images/index_about.jpg) no-repeat;background-size: 100% 100%;}
.subnav{width: 20%;float: left;}
.subnav li{line-height: 50px;background: #FaFaFa;font-weight: bold;}
.subnav li a{display: block;padding:0 20px;border-left: 3px solid #FaFaFa;color: #666;}
.subnav li a:hover{display: block;text-decoration: none;}
.subnav li a.current{border-left: 3px solid #0742a6;background: #FFF;color: #0742a6;}

.con_r{width: 76%;float: right;}
.con_r .about{line-height: 30px;}
.con_r .about p{padding-bottom: 20px;}

.con_r .wenhua{line-height: 30px;}
.con_r .wenhua img{max-width: 100%;}
.con_r .wenhua .txt{margin-top: 30px;}
.con_r .wenhua .txt h2{font-weight: bold;}

.product ul{margin-left: -2%;}
.product li{width: 23%;float: left;margin-left: 2%;text-align: center;margin-bottom: 2%;border: 1px solid #f1f1f1;box-sizing: border-box;}
.product li .pic img{width: 100%;;height: 140px;object-fit: cover;}
.product li .h2{height: 70px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;padding: 0 10px}

.product_con_t{padding-bottom: 30px;}
.meiti_dt{width:40%;float:left;}

.xiangqing .arrow{position: absolute;width: 50px;height: 50px;line-height: 50px;text-align: center;top: 127px;text-decoration: none;}
.xiangqing .next{right: -50px;background: #F5F5F5 url(../images/pic39.png) no-repeat center;background-size: 10px;}
.xiangqing .prev{left: -50px;background: #F5F5F5 url(../images/pic38.png) no-repeat center;background-size: 10px;}

.product_t_r{ float:right; width:57%;}
.product_t_r h2{ font-size:20px;font-weight: normal;border-bottom: 1px solid #EEE;line-height: 60px;}
.product_t_r .lb{padding-top: 10px;color: #777;font-size: 14px;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
.product_t_r .lb a{color: #777;}
.product_t_r h3{ font-size:16px; line-height:30px; padding-top:20px;}
.product_t_r .txt{ padding-bottom:10px;line-height: 20px;color: #666;font-size: 12px;}
.product_t_r .txt strong{color: #333;}

.product_con_b{padding-top: 20px;}
.product_con_b .hd{border-bottom: 1px solid #0742a6;}
.product_con_b .hd li{float: left;width: 120px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.product_con_b .hd li.on{background: #0742a6;color: #FFF;}
.product_con_b .bd .conyi{padding: 20px 0;line-height: 24px;font-size: 14px;}
.product_con_b .bd .conyi img{width: 100%;}
.product_con_b .bd .conyi p{padding-bottom: 10px;}

.fanan ul{margin-left: -2%;}
.fanan li{width: 48%;float: left;margin-left: 2%;background: #FFF;margin-bottom: 2%;border-radius: 5px;overflow: hidden;box-shadow: 0 0  5px rgba(153,153,153,0.1);}
.fanan li i{background: #f2f3f5;display: block;width: 100px;height: 160px;text-align: center;line-height: 160px;font-size: 50px;color: #99a0b0;float: left;}
.fanan li .txt{margin-left: 100px;padding:20px 30px;}
.fanan li .txt h2{font-size: 18px;font-weight: bold;color: #3c536a;}
.fanan li .txt p{line-height: 26px;margin-top: 10px;color: #6a6f7a;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 10px 0;}
.sxy ul{float: left;}
.sxy .fanhui{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #333;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: block;}
.sxy .fanhui a:hover{color: #FFF;display: block;text-decoration: none;}

.news li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #DDD;}
.news li .pic{float: left;width: 300px;overflow: hidden;}
.news li .pic img{width: 100%;transition: all 0.3s; object-fit: cover; height: 142px}
.news li:hover .pic img{transform: scale(1.2);}
.news li .title_er{margin-left: 330px;}
.news li .title_er h2{font-size: 20px;}
.news li .title_er h2 span{float: right;font-size: 14px;color: #999;}
.news li .title_er .txt{margin-top: 20px;line-height: 24px;color: #999;height: 48px;overflow: hidden;}
.news li .title_er .more{margin-top: 20px;}

.news_con .title{border-bottom: 1px solid #EEE;padding-bottom: 10px;text-align: center;}
.news_con .title h2{font-size: 24px;padding-bottom: 10px;}
.news_con .title p{line-height: 30px;font-size: 14px;color: #666;}
.news_con .title p span{padding:0 10px;}
.news_con .box{padding: 30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 20px;}

.cpxqer .titleyi{background: #f7f9fc;line-height: 40px;padding:0 3%;}
.cpxqer .tit{float: left;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 30%;}
.cpxqer .salary{width: 20%;}
.cpxqer .time{width: 20%;}
.cpxqer .time i{float: right;font-size: 12px;transition: all 0.3s;}
.cpxqer .title.active .time i{transform: rotate(-180deg);}
.cpxqer li{background: #FFF;}
.cpxqer li .title{ line-height: 40px; border-bottom:1px solid #f5f5f5; padding:0 3%;height: 40px;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:30px; padding:3%;background: #f7f9fc;}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}

.fenye{margin-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 16px;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #CCC;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.active{border: 1px solid #0742a6;background: #0742a6;}
.fenye li.active span{color: #FFF;}

.shebei ul{margin-left: -2%;}
.shebei li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;text-align: center;line-height: 40px;}
.shebei li img{width: 100%;}

.service li{background: #FFF;}
.service li .title{ border-bottom:1px solid #f5f5f5; padding:15px 0;color: #666;cursor: pointer;}
.service li .title .yi{width: 20px;height: 20px;line-height: 20px;border-radius: 50px;background: #e7ea82;color: #FFF;text-align: center;float: left;margin-top: 3px;}
.service li .title .er{margin-left: 30px;}
.service li .con_er{ display:none; line-height:30px; padding:3%;background: #f7f9fc;}
.service li .con_er .da{width: 20px;height: 20px;line-height: 20px;border-radius: 50px;background: #333;color: #FFF;text-align: center;float: left;margin-top: 3px;margin-right: 10px;}

.wenti li{background: #FFF;}
.wenti li .title{ border-bottom:1px solid #f5f5f5; padding:15px 0;color: #666;cursor: pointer;}
.wenti li .title .yi{width: 20px;height: 20px;line-height: 20px;border-radius: 50px;background: #e7ea82;color: #FFF;text-align: center;float: left;margin-top: 3px;}
.wenti li .title .er{margin-left: 30px;}
.wenti li .con_er{ display:none; line-height:30px; padding:3%;background: #f7f9fc;}
.wenti li .con_er .da{width: 20px;height: 20px;line-height: 20px;border-radius: 50px;background: #333;color: #FFF;text-align: center;float: left;margin-top: 3px;margin-right: 10px;}

.contact .txt{line-height: 30px;}
#map_container{ height:500px;margin-top: 30px;}

.liuyan .title{font-size: 30px;}
.liuyan ul{margin-left: -2%;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li p span{color: #cde18f;}
.liuyan li .input_txt{ width:100%; height:40px; border:1px solid #EEE; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:1px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .textarea p span{color: #cde18f;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{ width:150px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#0742a6;cursor: pointer;outline: medium;font-size: 18px;}

/* 历史部分 */
/*公共部分*/
.channel-content{padding:0 0 50px;}
.common-infor{text-align:center;}
.common-tit{font-size:34px; color:#0742a6; padding-bottom:30px; display:inline-block; line-height:1; font-weight:normal;}
.common-infor.black .common-tit{color:#333;}
.common-line{width:36px; height:1px; background:#a8aaae; display:block; margin:0 auto 22px;}
.common-con{font-size:18px; color:#4d4d4d; line-height:30px; padding:0 10%;text-align: left;text-indent: 2em;}
/* 常量设置 */
.wrap {width: 1200px; margin-right:auto; margin-left:auto;}
.auto_wrap {width: 100%; margin-right:auto; margin-left:auto;}
.mwrap {max-width:1366px; margin-right:auto; margin-left:auto;}
/*css组件设置*/
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/*动效*/
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
    *height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-67{padding-bottom: 66.6%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-55{padding-bottom: 55%;}
.rect-65{padding-bottom: 65%;}
.history .tab_t_h{height: 88px;overflow: hidden;}
.history .tab_h{width: 100%;left: 0;top:0;background: #fff;height: 88px;z-index: 45;;}
.history .tab_h li{width: 33%;font-size: 24px;color: #666;text-align: center;border-bottom: 2px solid #666;float: left;cursor: pointer;height: 86px;line-height: 86px;}
.history .tab_h li.cur{border-bottom: 2px solid #0742a6;color: #0742a6;}
.history .tab_h li:hover{color: #0742a6;}
.history .tab_c{overflow: hidden;}
.history .tab_c .ul_box .li_t{float: left;width: 50%;position: relative;}
.history .tab_c .ul_box .li_c{float: right;width: 50%;position: relative;box-sizing: border-box;}
.history .tab_c .ul_box .li_c .tab_linear{position: absolute;left: -16px;top: 0;height: 0;background: #0742a6;width: 1px;transition: heigth .5s ease;-webkit-transition: height .5s ease;}
.history .tab_c .ul_box .ul_data{padding-left: 13%;padding-right: 34%;}
.history .tab_c .ul_box .ul_data li{padding-top: 70px;position: relative;}
.history .tab_c .ul_box .ul_data li:after{content: '';position: absolute;left: -77px;height: 100%;width: 1px;background: #e5e5e5;top: -80%;}
.history .tab_c .ul_box .ul_data li .h4{font-size: 24px;color: #333333;font-family: 'Arial';line-height: 1;position: relative;line-height: 1;margin-bottom: 3%;}
.history .tab_c .ul_box .ul_data li .p{font-size: 14px;color: #808080;padding-bottom: 7%;}
.history .tab_c .ul_box .ul_data li .h4:after,
.history .tab_c .ul_box .ul_data li .h4:before{content: '';position: absolute;left: -77px;top: 55%;height: 1px;width: 50px;background: #e5e5e5;z-index: 3;}
.history .tab_c .ul_box .ul_data li .h4:before{left: -69px;width: 0px;background: #0742a6;transition: width .5s ease .5s forwards;-webkit-transition: width .5s ease .5s forwards;z-index: 4;}
.history .tab_c .ul_box .ul_data li .h4 .circle{width: 20px;height: 20px;border-radius: 50%;position: absolute;top: 50%;left: -90px;margin-top: -10px;z-index: 5;}
.history .tab_c .ul_box .ul_data li .h4 .circle:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0);border: 1px solid #0742a6;transition: transform .5s ease;border-radius: 50%;}
.history .tab_c .ul_box .ul_data li .h4 .circle:after{content: '';width: 7px;height: 7px;position: absolute;top: 50%;left: 50%;margin-top: -1px;border-radius: 50%;background: #333;}.history .tab_c .ul_box .ul_data li.cur .h4 .circle:before{transform: scale(1);background: #fff;}
.history .tab_c .ul_box .ul_data li.cur .h4 .circle:after{background: #0742a6;}
.history .tab_c .ul_box .ul_data li.cur .h4:before{width: 50px;}

/* 左侧展示 */
.history .tab_c .ul_box .li_t .tit_right li{display: none;}
.history .tab_c .ul_box .li_t .tit_right li.gz{padding-top: 136px !important}
.history .tab_c .ul_box .li_t .tit_right li.gfz{display: none !important;}
.history .tab_c .ul_box .li_t .tit_right li.normal,
.history .tab_c .ul_box .li_t .tit_right li.fixed{display: block;width: 320px;right: 50%;margin-right: 100px;padding-left: 125px;text-align: justify;;padding-top: 70px;text-indent: 2em}
.history .tab_c .ul_box .li_t .tit_right li.fixed{display: block !important;position: fixed;top: 0;right: inherit}
.history .tab_c .ul_box .li_t .tit_right li .tit,
.history .tab_c .ul_box .ul_data .mobile_show .tit{font-size: 30px;font-weight: bold;color: #333333;line-height: 1;padding-bottom: 15px;text-indent: 0;text-align: right}
.history .tab_c .ul_box .li_t .tit_right li .p,
.history .tab_c .ul_box .ul_data .mobile_show .p{font-size: 14px;color: #333;padding-bottom: 20px;}

/* 在 ul_data页面里面响应式处理 */
.history .tab_c .ul_box .ul_data .mobile_show{display: none}

/*HSE*/
.HSE{padding-bottom:0;}
.HSE01 .small_title{font-size:20px; color:#4d4d4d;}
.HSE01 .content{margin-top:20px;}
.HSE01 .content .item{display: flex;flex-direction: column;align-items: center}
.HSE01 .content .item .img_{width:38%; margin-right:2.5%; position:relative; cursor:pointer; border:1px solid #0742a6;}
.HSE01 .content .item .img_ i{position:absolute; font-size:20px; right:5px; bottom:5px; padding:0; margin:0;}
.HSE01 .content .item .infor{width:90%; float:left;}
.HSE01 .content .item .infor .tit{font-size:18px; color:#0742a6; line-height:1; margin-bottom:8px;}
.HSE01 .content .item .infor .con{font-size:18px; color:#4d4d4d; line-height:26px; overflow:hidden; position:relative;padding-top: 0 !important}
.HSE01 .content .item .infor .con li{padding:0 20px; line-height:36px; position:relative; text-align: center}
/*.HSE01 .content .item .infor .con li:after{content:''; width:6px; height:6px; background:#0742a6; position:absolute; top:0; left:0; margin:15px 0 0 5px; border-radius:10px;}*/
.HSE01 .content .item .infor .con.scrollbar-ui .scroll_slider{height:43px; background:#0742a6; width:7px!important; left: -3px;}
.HSE01 .content .item .infor .con.scrollbar-ui .scroll_bar{right:3px!important;}

.HSE01 .content .box_bigimg{position:fixed; width:100%; height:100%; top:0; left:0;background:#000; /*filter:alpha(opacity=50)*/; background:rgba(0,0,0,0.5); display:none; z-index:100;}
.HSE01 .content .box_bigimg .box_body{top:50%; margin-top:-300px; left:50%; margin-left:-225px; transform: translate(-50%,-50%); width:450px; height:600px; position:absolute;}
.HSE01 .content .box_bigimg .box_body .img_close{width:30px; height:30px; border-radius:50%; font-size:16px; background:#0742a6; color:#fff; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.HSE01 .content .item .img_ img{width:100%;}
.HSE02{background:#F2F2F2; padding:50px 0; margin-top:100px;}
.HSE02 .content{margin-top:44px;}
.HSE02 .left{width:62%; float:left;}
.HSE02 .left .l_box{padding-left:18%;}
.HSE02 .left .l_box .tit{font-size:24px; line-height:46px; color:#0742a6; margin-top:35px;}
.HSE02 .left .l_box li{line-height:30px; font-size:14px; color:#4d4d4d;}

.HSE03{margin:100px 0;}
.HSE03 .content{margin-top:20px;}

.HSE04{background:#f2f2f2; padding:73px 0;}
.HSE04 .content .item .tit{font-size:24px; color:#0742a6; line-height:58px; text-align:center; margin-top:63px; margin-bottom:25px;}
.HSE04 .content .item li{text-align:center; font-size: 18px}
.HSE04 .content .item li .txt{padding:17px 8% 25px; line-height:20px; }
.HSE04 .content .item.item02 li .txt{padding:17px 10% 25px;}
.HSE04 .content .item01 li .icon{display:block; width:90px; height:90px; background:url(/skin/images/hse05.png) no-repeat; margin:0 auto;}
.HSE04 .content .item01 li.li01 .icon{background-position:0 0;}
.HSE04 .content .item01 li.li02 .icon{background-position:-90px 0;}
.HSE04 .content .item01 li.li03 .icon{background-position:-180px 0;}
.HSE04 .content .item01 li.li04 .icon{background-position:-270px 0;}
.HSE04 .content .item01 li.li05 .icon{background-position:-360px 0;}
.HSE04 .content .item01 li.li06 .icon{background-position:-450px 0;}
.HSE04 .content .item01 li.li07 .icon{background-position:-540px 0;}

.HSE04 .content .item02 li .icon{display:block; width:90px; height:90px; background:url(/skin/images/hse06.png) no-repeat; margin:0 auto;}
.HSE04 .content .item02 li.li01 .icon{background-position:0 0;}
.HSE04 .content .item02 li.li02 .icon{background-position:-90px 0;}
.HSE04 .content .item02 li.li03 .icon{background-position:-180px 0;}
.HSE04 .content .item02 li.li04 .icon{background-position:-270px 0;}
.HSE04 .content .item02 li.li05 .icon{background-position:-360px 0;}
.HSE04 .content .item02 li.li06 .icon{background-position:-450px 0;}
.HSE04 .content .item02 li.li07 .icon{background-position:-540px 0;}
.HSE04 .content .item02 li.li08 .icon{background-position:-630px 0;}

/*changxw*/
.HSE03 .content .img_{position:relative;}
.HSE03 .content .img_ i {position: absolute; font-size: 20px; right: 5px; bottom: 5px; padding: 0; margin: 0; }

.HSE02 .common-tit{font-size:30px; color:#333;}
.HSE02 .common-line{display: none;}
.HSE02{background:#F2F2F2; padding:50px 0; margin-top:50px;}
.HSE03{margin:50px 0;}
.HSE03 .common-tit{font-size:30px; color:#333;padding-bottom: 0!important;margin: 20px 0}
/*.HSE03 .common-line{display: none;}*/
.HSE03 .content .img_ {width: 24%; margin-right: 1%; cursor:pointer;}
.HSE04{padding:50px 0;margin-top: 20px}
.HSE04 .common-tit{font-size:30px; color:#333;}
.HSE04 .common-line{display: none;}
.HSE04 .content .item .tit{margin-top:40px;}

/*HSE修改*/
.HSE03 .content .img_{width:32%;}
.HSE03 .content .box_bigimg{position:fixed; width:100%; height:100%; top:0; left:0;background:#000; filter:alpha(opacity=90); background:rgba(0,0,0,0.5); display:none; z-index:20;}
/*.HSE03 .content .box_bigimg .box_body .imgs img{filter:alpha(opacity=100)}*/
.HSE03 .content .box_bigimg .box_body{top:50%; margin-top:-300px; left:50%; margin-left:-225px; transform: translate(-50%,-50%); width:450px; height:600px; position:absolute;}
.HSE03 .content .box_bigimg .box_body .img_close{width:30px; height:30px; border-radius:50%; font-size:16px; background:#0742a6; color:#fff; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.HSE03 .content .item .img_ img{width:100%;}
.l {float: left;}

.HSE img{max-width: 100%;height: auto;vertical-align: top;-ms-interpolation-mode: bicubic;border: 0 ;}
.HSE .fix {*zoom: 1; *clear: both;}

.HSE .fix:before, .fix:after {display: table;clear: both;content: '';}

/*产学研*/
.soil_repair02 .row{width:101%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}
.row>.span-1{width:7.33333333%}
.row>.span-2{width:15.66666667%}
.row>.span-3{width:24%}
.row>.span-4{width:32.33333333%}
.row>.span-5{width:40.66666667%}
.row>.span-6{width:49%}
.row>.span-7{width:57.33333333%}
.row>.span-8{width:65.66666667%}
.row>.span-9{width:74%}
.row>.span-10{width:82.33333333%}
.row>.span-11{width:90.66666667%}
.row>.span-12{width:99%}
.full-row{width:100%;transition:.2s width ease;*zoom:1}
.full-row:before,.full-row:after{display:table;clear:both;content:''}
.full-row>[class*='span']{float:left}
.full-row>.span-1{width:8.33333333%;*width:8.22333333%}
.full-row>.span-2{width:16.66666667%;*width:16.55666667%}
.full-row>.span-3{width:25%;*width:24.89%}
.full-row>.span-4{width:33.33333333%;*width:33.22333333%}
.full-row>.span-5{width:41.66666667%;*width:41.55666667%}
.full-row>.span-6{width:50%;*width:49.89%}
.full-row>.span-7{width:58.33333333%;*width:58.22333333%}
.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
.soil_repair02 p{padding-bottom: 0 !important}
.soil_repair02{margin-top:10px;}
.soil_repair02 .tab_t_box li{text-align:center;  position:relative; border-bottom:3px solid #DCDDDF; font-size:20px; cursor:pointer;}
.soil_repair02 .tab_c_box{/*height:715px;*/ overflow:hidden; margin-top:10px;}
.soil_repair02 .tab_c_box li{display:none;}
.soil_repair02 .tab_c_box .li_box{padding:20px 0 20px;}
.soil_repair02 .tab_c_box .li_box .infor{text-align:center;padding:0 11%;}
.soil_repair02 .tab_c_box .li_box .tit{font-size:30px; color:#3e3e3e; margin-bottom:25px}
.soil_repair02 .tab_c_box .li_box .con{font-size:14px; color:#494949; margin-bottom:60px}
.soil_repair02 .tab_c_box .li_box .bd{background:#fff; background:rgba(255,255,255,0.5);}
.soil_repair02 .tab_c_box .li_box .bd_box{padding:10px 20px;}
.soil_repair02 .tab_c_box .li_box .bd_box table{width: 100%;}
.soil_repair02 .tab_c_box .li_box .bd_box dl{margin-top:14px;}
/*.soil_repair02 .tab_c_box .li_box .bd_box dt{text-align:center; font-size:20px; color:#3e3e3e; margin-bottom:10px;}*/
.soil_repair02 .tab_c_box .li_box .bd_box dd{font-size:14px; color:#6a6a6a; margin-bottom:30px; line-height:30px;}
/*.soil_repair02 .tab_c_box .li_box .bd_box dd span{color:#f3791c; display:block;}*/
.soil_repair02 .tab_c_box .li_box .content .box{padding:0 10.5% 0 15%;}
.soil_repair02 .tab_c_box .li_box .content .box .item{width:42%; margin-right:8%; background:#fff; background:rgba(255,255,255,0.5); float:left;}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box{padding:65px 76px 70px 67px}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon{width:57px; height:53px; background:url(/skin/images/repair04.png) no-repeat; display:inline-block; vertical-align:middle;}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t .icon02{background-position: -57px 0;}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t{font-size:30px; color:#3e3e3e;}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box .t span{display:inline-block; vertical-align:middle; margin-left:12px;}
.soil_repair02 .tab_c_box .li_box .content .box .item .l_box .c{font-size:16px; color:#000; line-height:26px; margin-top:20px; height:78px; overflow:hidden;}

.soil_repair02 .youshi .item{display:none;}
.soil_repair02 .youshi .item .title{font-size:30px; color:#333; line-height:1; padding:63px 0 34px; text-align:center;}
.soil_repair02 .youshi .item li{background:#f7f7f7; margin-bottom:54px;}
.soil_repair02 .youshi .item li.odd  .li_box{padding:34px 100px 34px 23px;}
.soil_repair02 .youshi .item li.even .li_box{padding:34px 23px 34px 100px;}

.soil_repair02 .youshi .item li .infor{width:66%; margin-top:43px;}
.soil_repair02 .youshi .item li .infor .tit{font-size:20px; color:#333; line-height:30px; margin-bottom:24px;}
.soil_repair02 .youshi .item li .infor .con{font-size:14px; color:#333; line-height:30px;}
.soil_repair02 .youshi .item li .img_{width:30%;}
.soil_repair02 .youshi .item li.odd .infor{float:right;}
.soil_repair02 .youshi .item li.odd .img_{float:left; margin-right:3.7%;}
.soil_repair02 .youshi .item li.even .infor{float:left;}
.soil_repair02 .youshi .item li.even .img_{float:right;margin-left:3.7%;}
.soil_repair02 .youshi .item li.even .infor {text-align:left;}

.soil_repair02 .core_technology .item{display: none;}
.soil_repair02 .core_technology .title{font-size:30px; color:#333; line-height:1; padding:20px 0 34px; text-align:center;}
.soil_repair02 .core_technology .content dt{font-size:20px; color:#0742a6; position:relative; padding-left:32px; margin-right:12px; margin-bottom:30px;}
.soil_repair02 .core_technology .content dt:before{content:''; width:10px; height:10px; background:url(/skin/images/repair07.png) no-repeat; position:absolute; top:50%; margin-top:-5px; left:3px;}
.soil_repair02 .core_technology .content dt:after{content:'';width:89%; height:1px; background:url(/skin/images/repair08.png) repeat-x; position:absolute; top:50%; right:0;}
.soil_repair02 .core_technology .content dd{padding-left:2%; margin-right:3%; float:left; position:relative; margin-bottom:30px; width:20%;}
.soil_repair02 .core_technology .content dd:after{content:''; width:4px; height:4px; background:#0742a6; position:absolute; left:16px; top:9px; border-radius:10px;}


/*选中态*/
/*.soil_repair02 .tab_t_box li.cur:after{content:''; position:absolute; left:50%; margin-left:-4px; width:9px; height:5px; background:url(/skin/images/repair02.png) no-repeat; bottom:-11px;}*/
.soil_repair02 .tab_t_box li.cur{border-color:#0742a6;}
.soil_repair02 .tab_c_box li.cur{display:block;}
.soil_repair02 .youshi .item.cur{display:block;}
.soil_repair02 .core_technology .item.cur{display:block;}

.soil_repair02 table {border-spacing: 0;border-collapse: collapse;background-color: transparent;}

.soil_repair02 td, th {padding: 0;}

/********************工程咨询*********************/
.engineering_infor{padding-bottom:0;}
.engineering_infor02{background:url(/skin/images/engineering01.jpg) no-repeat; overflow:hidden;  margin-top:20px; background-size:cover;}
.engineering_infor02 .rect-60{padding-bottom:60%;}
.engineering_infor02 .tab_t{width:25%; float:left; height:88px; background:#fff; background:rgba(255,255,255,0.5); text-align:center; line-height:88px; position:relative;cursor: pointer}
.engineering_infor02 .tab_t:after{content:''; width:1px;height:100%; background:#fff; right:0; top:0; position:absolute;}
/*.engineering_infor02 .tab_t.tab_t4:after{display:none;}*/
.engineering_infor02 .tab_t .icon{display:inline-block; width:37px; height:37px; vertical-align:middle; background:url(/skin/img/later/engineering03.png) no-repeat;}
.engineering_infor02 .tab_t .icon01{background-position:0 -37px;}
.engineering_infor02 .tab_t .icon02{background-position:-37px -37px;}
.engineering_infor02 .tab_t .icon03{background-position:-74px -37px;}
.engineering_infor02 .tab_t .icon04{background-position:-111px -37px;}
.engineering_infor02 .tab_t span{display:inline-block; font-size:20px; color:#393333; padding-left:15px; vertical-align: middle;}
.engineering_infor02 .tab_t.tab_t_cur{background:#fff; background: rgba(255,255,255,0.8)}
.engineering_infor02 .tab_t.tab_t_cur span{font-weight:bold; color:#0742a6;}
.engineering_infor02 .tab_c{background:#fff; background: rgba(255,255,255,0.8); display:none; }
.engineering_infor02 .tab_c.tab_c_cur{opacity:1; display: block}
.engineering_infor02 .tab_c .box{padding:50px 66px 50px 46px; display: flex;align-items: center}
.engineering_infor02 .tab_c .box .left{width:36%;}
.engineering_infor02 .tab_c .box .right{ width:64%;}
.engineering_infor02 .tab_c .box .right .infor{padding:0 0 0 60px;}
.engineering_infor02 .tab_c .box .right .infor .c{font-size:18px; line-height:30px; /*height:145px;*/ overflow:hidden;}

/*触控*/
.engineering_infor02 .tab_t.tab_t_cur .icon01{background-position:0 0px;}
.engineering_infor02 .tab_t.tab_t_cur .icon02{background-position:-37px 0px;}
.engineering_infor02 .tab_t.tab_t_cur .icon03{background-position:-74px 0px;}
.engineering_infor02 .tab_t.tab_t_cur .icon04{background-position:-111px 0px;}



/***************************工程设计***********************/
.engineering_design{padding-bottom:0;}
.engineering_design01 .common-con{padding:0 2%;}
.engineering_design01 .content{margin-top:50px; margin-bottom:74px;}
.engineering_design01 .content .rect-134{padding-bottom:134%;}
.engineering_design01 .content >ul>li a{display:block;}
.engineering_design01 .content >ul>li .cover{width:100%; height:100%; background:url(/skin/img/later/orange.png) repeat; position:absolute; left:0; top:0; opacity:0; visibility:hidden; z-index:2}
.engineering_design01 .content >ul>li .infor{padding: 89px 11% 30px; position:relative; line-height:24px; color:#fff; z-index:3;}
.engineering_design01 .content >ul>li .infor .tit{font-size:26px; font-weight:bold; position:relative; padding-bottom:21px; text-align:center;}
.engineering_design01 .content >ul>li .infor .tit:after{content:''; width:326px; height: 1px; background:#fff; background:rgba(255,255,255,0.4); position:absolute; left:50%; margin-left:-163px; bottom:0;}
.engineering_design01 .content >ul>li .infor .con{font-size:14px; margin-top:24px; margin-bottom:20px;}
.engineering_design01 .content >ul>li .list{height:264px; overflow:hidden;}
.engineering_design01 .content >ul>li .list li{width:50%; float:left; line-height:30px; font-size:14px;}
.engineering_design01 .content >ul>li .list li.last{width:100%;}
/*触控*/
.engineering_design01 .content >ul>li:hover .cover{opacity:1; visibility:visible;}



/*************************工程采购*************************/
.engineering_buy{padding-bottom:0;}
.engineering_buy01{margin-bottom:60px;}
.engineering_buy01 .content{margin-top:40px;}
.engineering_buy01 .content li{margin-bottom:1%;}
.engineering_buy01 .content .icon{display:inline-block; width:45px; height:38px; background:url(/skin/img/later/engineering_buy01.png) no-repeat;  vertical-align:middle;}
.engineering_buy01 .content .icon01{background-position:0 0;}
.engineering_buy01 .content .icon02{background-position:-45px 0;}
.engineering_buy01 .content .icon03{background-position:-90px 0;}
.engineering_buy01 .content .icon04{background-position:-135px 0;}
.engineering_buy01 .content .tit{font-size:20px; color:#fff; display:inline-block; vertical-align:middle; padding-left:5px;}

.engineering_buy01 .content .infor{position:absolute; bottom:28px; left:50px; opacity:1; visibility:visible;}
.engineering_buy01 .content .cover{width:100%; height:100%; position:absolute; background:url(/skin/img/later/orange.png) repeat; background:rgba(234,86,19,0.8); top:0; left:0; opacity:0; visibility:hidden;}

.engineering_buy01 .content .cover .cover_box{padding: 89px 26%  20% 9%;}
.engineering_buy01 .content .cover .cover_box .con{font-size:14px; color:#fff; line-height:26px; margin-top:4px; /*height:78px;*/ overflow:hidden;}

/*触控*/
.engineering_buy01 .content li:hover .infor{opacity:0; visibility:hidden;}
.engineering_buy01 .content li:hover .cover{opacity:1; visibility:visible;}



/*************************施工管理***************************/
.construction_manage{padding-bottom:0;}
.construction_manage02{margin-top:50px; padding:67px 0 107px; background:url(/skin/img/later/construction_manage01.jpg) no-repeat center;}
.construction_manage02 .infor{text-align:center; line-height:24px;}
.construction_manage02 .infor .tit{font-size:30px; color:#333; margin-bottom:18px;}
.construction_manage02 .infor .con{font-size:16px; color:#616161;}
.construction_manage02 .content{margin-top:58px;}
.construction_manage02 .content li .rect-120{padding-bottom:120%;}
.construction_manage02 .content li{width:18.9%; float:left; margin-right:1.3%; background:#fff; background:rgba(255,255,255,0.6); text-align:center;}
.construction_manage02 .content li.li5{margin-right:0;}
.construction_manage02 .content li a{display:block; ;}
.construction_manage02 .content li .li_box{padding: 64px 14px 20px 20px}
.construction_manage02 .content li .t{font-size:18px; color:#333; line-height:22px; position:relative; padding-bottom:13px; margin-bottom:21px;}
.construction_manage02 .content li .t:after{content:''; width:80px; height:1px; background:#C4C4C2; background:rgba(0,0,0,0.2); left:50%; margin-left:-40px; bottom:0; position:absolute;}
.construction_manage02 .content li .c{font-size:14px; color:#666; line-height:22px; height:88px; overflow:hidden;}
/*触控*/
.construction_manage02 .content li:hover{background:#ea5613; background:rgba(234,86,19,0.8);}
.construction_manage02 .content li:hover .t{font-weight:bold; color:#fff;}
.construction_manage02 .content li:hover .c{color:#fff;}
.construction_manage02 .content li:hover .t:after{background:rgba(255,255,255,0.6);}

/*社会责任*/
.social_respon01 .content{margin-top:50px;}
.social_respon01 .content li{background:#f8f8f8; margin-bottom:50px;}
.social_respon01 .content li.last{margin-bottom:0;}
.social_respon01 .content li .left{width:60%;}
.social_respon01 .content li .right{width:40%;}

.social_respon01 .content li .left .left_box{padding:5% 9% 0% 10%; text-align:justify;}
.social_respon01 .content li .left .left_box .tit{font-size:26px; color:#000; margin-bottom:15px;}
.social_respon01 .content li .left .left_box .con{font-size:13px; color:#656464; line-height:22px; height:132px; overflow:hidden;}
.r {float: right;}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100% !important;
    *height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-67{padding-bottom: 66.6%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}

/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus {border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.utility-patent .swiper-slide img {
    cursor: pointer;
    height: 440px; /* 固定高度 */
    width: 100%;   /* 宽度自适应 */
    display: block; /* 移除内联元素的默认间隙 */
    object-fit: contain; /* 保持图片完整显示 */
}

.patent .swiper-slide img {
    cursor: pointer;
    height: 440px; /* 固定高度 */
    width: 100%;   /* 宽度自适应 */
    display: block; /* 移除内联元素的默认间隙 */
    object-fit: contain; /* 保持图片完整显示 */
}

#imagePreview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#previewImage {
    max-width: 90%;
    max-height: 90%;
}

.imgZoom img {
    cursor: pointer;
}<!--0.00011920928955078-->