@font-face { font-family: 'OPPOSans-M'; src: url('../fonts/OPPOSans-M.eot'); src: local(''), url('../fonts/OPPOSans-M.woff') format('woff'), url('../fonts/OPPOSans-M.ttf') format('truetype'), url('../fonts/OPPOSans-M.svg') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #fff;} body {background: #fff;color: #444; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family:'microsoft yahei', Helvetica,arial;-webkit-text-size-adjust: none;overflow-x: hidden; } ol, ul, li { list-style: none; } img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } a { color: #444; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei', Helvetica,arial;margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; } input { outline: none; border-radius: 0; font-family: 'microsoft yahei', Helvetica,arial;appearance:none;-moz-appearance:none;-webkit-appearance:none;} input:focus, textarea:focus { outline: none; } input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } .add_after:after,.add_after:before{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;content: ''} h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .none { display: none; } em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} /*一行文字超出以省略号显示*/ .nowp{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} /*transition*/ input.section_1_right input::-webkit-input-placeholder{color: #b2bbc4;} input::-moz-placeholder{color: #999999; } input::-ms-input-placeholder{color: #999999; } input::placeholder{color: #999999; } /*左右浮动*/ .fl{float: left;} .fr{float: right;} .fz17{font-size: 17px} .w_79{width: 79%;margin: auto;position: relative;max-width: 1520px} .menua{display: none;float: right;} .ov_hide{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} header{width: 100%;background: #fff;padding-top: 0px;position: fixed;z-index: 5;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;border-bottom: 1px solid #e6e6e6;} .headRight{margin-top: 36px;} .headRight a{font-size: 20px;line-height: 21px;display: inline-block;margin-left: 40px;} .headRight a:hover{color: #1877f2;} .menuLine{display: none;width: 25px} .menuLine span{display: block;width: 100%;height: 2px;background: #566ec2;border-radius: 2px;animation: navBtn 2s infinite ease;} .menuLine span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;} .menuLine span:nth-child(3){animation-delay: 1.0s;} @keyframes navBtn{ 50%{width: 60%;} 100%{width: 100%;} } .nth-3th{text-align: center;position: relative;overflow: hidden;max-width: 450px;margin:20px auto 0;} .nth-3th .swiper-slide{display: flex;justify-content: center;} .nth-3th .swiper-slide a{margin: 0 10px;font-size: 16px;display: inline-block;line-height: 20px;color: #999;} .nth-3th .swiper-slide a:hover{color: #333;} .navigation-up {width: 748px;margin:30px auto 20px;} .navigation-up .navigation-v3{} .navigation-up .navigation-v3 ul li {float: left;margin-left:38px;} .navigation-up .navigation-v3 ul li a{line-height: 30px;font-weight: normal;position: relative;color: #030716;font-size:16px;font-weight: bold;padding-bottom: 14px;display: block;} .navigation-up .navigation-v3 ul li a:after{width: 100%;-webkit-transform: scaleX(0);transform: scaleX(0); background: #1877f2;height: 3px;content: '';position: absolute;left: 0;bottom: 0;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .navigation-up .navigation-v3 ul li:first-child{margin-left: 0;} .navigation-up .navigation-v3 ul li.nav-up-selected a:after,.navigation-up .navigation-v3 ul li.nav-up-selected-inpage a:after{-webkit-transform: scaleX(1);transform: scaleX(1);} .navigation-down{z-index: 5;position:fixed;top:95px;left:0px;width:100%;-webkit-box-shadow: inset 0 0 5px #d6d6d6;box-shadow: inset 0 0 5px #d6d6d6;background: #f7f8f9;} .navigation-down .nav-down-menu{padding: 40px 0;max-width:1520px;width: 94%;margin: auto;} .nav_downa{text-align: center;font-size: 16px;line-height: 30px;} .nav_downa a{display: inline-block;margin: 0 20px;position: relative;} .nav_downa a:after{position: absolute;bottom: -5px;height: 1px;background: #1877f2;content: '';left: 0;width: 100%;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .nav_downa a:hover,.nav_downa a.on,.n_nav2 .fr a.on{color: #1877f2;} .nav_downa a:hover:after,.nav_downa a.on:after{-webkit-transform: scaleX(1);transform: scaleX(1);} .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background:rgba(0,0,0,0.5);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cd-popup-container1 { top: 10%; } .close_btn { position: absolute; right:15px; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sear_p{float: left;border:1px solid #ccc;margin: 20px 0 0 10px;width: 145px;} .sear_txt{float: left;width: 77%;height: 50px;font-size: 16px;line-height: 50px;font-family: 'microsoft yahei';border: none;background: none;color: #666;text-indent: 15px;} .sear_btn{float: right;background: url('../images/ico2.png') center center no-repeat;text-indent: 999px;overflow: hidden;-webkit-background-size: 25px;background-size: 25px;width: 50px;height: 50px;border:none;cursor: pointer;} .close_btn:after, .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; } .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; } .search_wrap{border:1px solid #ccc;border-radius: 25px} .banner{position: relative;overflow: hidden;padding-top: 10vh;} .banner a{display: block;height: 90vh;background-repeat: no-repeat;background-position: center top;-webkit-background-size: cover;background-size: cover;} .banner-pagination{bottom: 130px;height: 8px;position: absolute;width: 100%;z-index: 2;text-align: center;} .banner-pagination .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 35px;position: relative;background:rgba(86,110,194,0.8);opacity: 1;} .banner-pagination .swiper-pagination-bullet:before{content: "";width: 70px;height: 2px;background: rgba(86,110,194,0.3);position: absolute;left: -70px;top:50%;margin-top: -1px;} .banner-pagination .swiper-pagination-bullet:first-child:before{display: none;} .banner-pagination .swiper-pagination-bullet:after{content: "";width: 30px;height: 30px;position: absolute;left: -8px;top: -8px;background:#6082e9;opacity: 0;border-radius: 50%;} .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{-webkit-animation: ripple 1.6s ease-out 0.1s infinite;animation: ripple 1.6s ease-out 0.1s infinite;} .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(86,110,194,1);} @-webkit-keyframes ripple { 0% {opacity: 0;-webkit-transform: scale(0.1, 0.1);} 5% {opacity: 1;} 100% {opacity: 0;-webkit-transform: scale(1.3);} } @keyframes ripple { 0% {opacity: 0;transform: scale(0.1, 0.1); } 5% {opacity: 1;} 100% {opacity: 0;transform: scale(1.3);} } .indexTit{text-align: center;font-family: 'OPPOSans-M','Source Han Sans CN';line-height: 74px;color: #1b1b1b;padding: 50px 0;} .indexTit span{display: inline-block;line-height: 74px;/*padding: 0 0 0 94px;*/position: relative;} /*.indexTit span:before{position: absolute;top:0;left:0;width: 74px;height: 74px;content: '';background: url(../images/ico1.png) center no-repeat;display: inline-block;animation: 3.5s linear 0s normal none infinite rotat1;-webkit-animation:3.5s linear 0s normal none infinite rotat1;} */ .indexTit span:before{width: 50px;height: 3px;background: #1877f2;content: '';position: absolute;bottom: -25px;left: 50%;margin-left: -24px;} .fz42{font-size: 36px;} @-webkit-keyframes rotat1 { from{-webkit-transform:rotateZ(0deg)} to{-webkit-transform:rotateZ(360deg)} } @keyframes rotat1 { from{transform:rotateZ(0deg)} to{transform:rotateZ(360deg)} } .no_repeat{-webkit-background-size: cover;background-size: cover;background-position: center;background-repeat: no-repeat;} .IndexOneUl a{overflow: hidden;margin-bottom: 14px;display: block;float: left;position: relative;width: calc(33.3% - 14px);margin-left: 14px;} .IndexOneUl a:first-child{width: calc(100% - 33.3% - 14px);margin-left: 0;} .IndexOneUl a:nth-child(3){margin-left: 0;} .IndexOneUl a span{display: block;} .IndexOneUl a span.img{padding-bottom: 325px;width: 104%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;} .IndexOneUl a span.txt{background: url(../images/gray.png) left bottom repeat-x;width: 100%;position: absolute;height: 100%;bottom: 0;left: 0;} .IndexOneUl a span.txt i{position: absolute;color: #fff;line-height: 76px;bottom: 0;padding: 0 20px;max-width: 100%;display: block;box-sizing: border-box;} .IndexOneUl a span.txt em{position: absolute;bottom: -50px;line-height: 30px;color: #fff;left: 20px;} .IndexOneUl a:hover span.img{-webkit-transform: scale(1.05);transform: scale(1.05);} .IndexOneUl a:hover span.txt i{bottom: 47px;} .IndexOneUl a:hover span.txt em{bottom: 17px} .fz28{font-size: 24px;} .IndexTwo_box{height: 600px;background: url(../images/bg1.jpg) center top no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;} .IndexTwo_box ul{font-family: 'OPPOSans-M','Source Han Sans CN';position: relative;height: 100%;} .IndexTwo_box ul li{width: 20%;position: absolute;text-align: center;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;} .IndexTwo_box ul li:nth-child(1){left: 0;bottom: 24.5%} .IndexTwo_box ul li:nth-child(2){left: 20%;bottom: 45.7%} .IndexTwo_box ul li:nth-child(3){left: 40%;bottom: 52%} .IndexTwo_box ul li:nth-child(4){left: 60%;bottom: 45.7%} .IndexTwo_box ul li:nth-child(5){left: 80%;bottom: 24.5%} .IndexTwo_box ul li a{width: 110px;height: 110px;-webkit-border-radius: 50%;border-radius: 50%;border: 6px solid #fff;color: #fff;line-height: 30px;display: block;position: relative;margin: auto;} .IndexTwo_box ul li a span{width: 100%;top:50%;left:50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;font-size: 22px;} .IndexTwo_box ul li a:hover {background: #fff;} .IndexTwo_box ul li a:hover span{color: #1877f2;} .IndexTwo_box ul li:nth-child(3) a,.IndexTwo_box ul li:nth-child(3) a:hover{background: url(../images/logo4.png) no-repeat center;text-indent: -999em;overflow: hidden;-webkit-background-size: 70%;background-size: 70%;} .three_box li{float: left;overflow: hidden;width: 31.8%;margin-top: 35px;} .three_box li a{display: block;} .three_box li a .img{padding-bottom: 249px;width: 100%;border:1px solid #1b1b1b;-webkit-box-sizing: border-box;box-sizing: border-box; background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .three_box li a .txt{background: #f2f2f2;padding:20px 10%;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .three_box li a .txt h6{font-size: 20px;line-height: 29px;height: 58px;overflow: hidden;} .three_box li:first-child{width: 65.9%;margin-right: 2.2%;margin-top: 0;} .three_box li:nth-child(2){margin-top: 0;} .three_box li:first-child a .img{padding-bottom: 525px;width: 104%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;} .three_box li:first-child a .txt h6{height: inherit;font-size: 28px;line-height: 42px;} .three_box li:first-child a .txt{padding: 71px 4% 51px;background: #f2f2f2;} .three_box li:first-child a .txt em{padding-top: 10px;display: block;font-size: 20px;line-height: 30px;color: #1b1b1b;} .three_box li a:hover .img{-webkit-transform: scale(1.05);transform: scale(1.05);} .three_box li a:hover .txt h6{color: #1877f2;} .index_more{text-align: center;padding: 58px 0 100px;} .index_more a,.news_one dd .more{overflow: hidden;position: relative;display: block;border:1px solid #535353;width: 228px;height: 53px;line-height: 53px;margin: auto;color: #4b4b4b;} /*.index_more a:after,.news_one dd .more:after{width: 100%;height: 100%;background: #1877f2;position: absolute;left: 0;top: 0;content: '';-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} */ .index_more a span,.news_one dd .more i{position: relative;z-index: 2;} .index_more a:hover:after,.news_one dd:hover .more:after{-webkit-transform: scaleX(1);transform: scaleX(1);} .index_more a:hover span,.news_one dd:hover .more i{color: #1877f2;} .fz20{font-size: 18px;} footer{background: #f3f3f3;padding-top: 20px;position: relative;z-index: 3;} .foot_search{border-bottom: 2px solid #e1e1e1;} .foot_search input[type=text]{width: 180px;height: 84px;line-height: 84px;border:none;font-size: 20px;background: #f3f3f3;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .foot_search input[type=submit]{width: 21px;height: 21px;background: url(../images/ico2.png) center no-repeat;border:none;position:relative;top:4px;background-size: 21px;} .foot_search input[type=text]:focus{width: 250px;} .fz25{font-size: 20px;line-height: 35px;} .foot_nav{padding: 51px 0 ;} .foot_nav div.fl{width: 14%;margin:0 2%;position: relative;min-height: 252px;border-right:1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;} .foot_nav div.fl:last-child{border:none;} .foot_nav div.fl h5{padding-bottom: 7px;font-weight: bold;} /*.foot_nav div.fl:nth-child(4){width: 50.2%;border:none;margin-right: 0;} */ .foot_nav div.fl:first-child{margin-left: 0;} .foot_nav div.fl li{line-height: 30px;} /*.foot_nav div.fl:nth-child(4) li{width: 26%;padding-right: 1%;margin-right: 7%;border-right:1px solid #ddd;float: left;} .foot_nav div.fl:nth-child(4) li:nth-child(3n){margin-right: 0;border-right: none}*/ .foot_nav div.fl:nth-child(5) li:first-child{margin-top: 42px;} .foot_nav div.fl:nth-child(6) li:first-child{margin-top: 42px;} .foot_nav div.fl li a{display: block;color: #4b4b4b;font-size: 15px;} .foot_nav div.fl li a:hover{color: #1877f2;} .foot_nav div.fl:nth-child(4):after,.foot_nav div.fl:nth-child(5):after{width: 1px;height: 42px;background: #f3f3f3;content: '';position: absolute;top: 0;right:-1px} .foot_ewm{width: 26% !important;} .foot_ewm img{width: 30px;} .ewm{padding-left: 0;} .ewm span{background: #fff;padding: 5px;display: inline-block;margin-left: 5px;position: relative;} .ewm span:before{content: '';position: absolute;left: -10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;top: 50%;margin-top: -10px;} .ewm span img{width: 100px;height: 100px;} footer .phone,footer .email{display: flex;margin-bottom: 10px;align-items: center;} footer .phone i,footer .email i{width: calc(100% - 40px); line-height: 30px;margin-left: 5px;} footer .ewm > img{ width: 35px; margin-top: 41px; } .fz24{font-size: 20px;} .fz16{font-size: 16px;} .copyright{background: #434343;color: #fff;padding: 65px 0;} .copyright .fl{line-height: 38px;width: calc(100% - 180px)} .copyright .fl .cnzz img{vertical-align: middle;margin: -0.25em 0 0 6px;} .select{height:34px;position:relative;float:right;z-index: 3;} .select dt{height:32px;display:inline-block;border:1px solid rgba(255,255,255,0.7);line-height:32px;font-weight:bold;cursor:pointer;width:107px;padding: 0 31px 0 21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:3; color:rgba(255,255,255,0.7);font-weight: normal;font-size: 14px;border-radius: 25px} .select dt:after{content: '';width: 8px;height: 8px;border-top:1px solid #fff;border-right: 1px solid #fff;position: absolute;right: 16px; top: 9px; opacity: 0.7; transform: rotate(135deg);} .select dd{position:absolute;left:0;bottom:33px;background:rgba(0,0,0,0.4);display:none;width: 100%;-webkit-border-radius: 10px;border-radius: 10px;} .select dd ul{padding:4px;max-height:250px;overflow-y:auto;font-size: 14px;} .select dd ul li{ display:block; width:100%; float:left;} .select dd ul li a{line-height:35px;display:block;padding:0 8px; color: #fff;border-bottom: 1px solid transparent;} .select dd ul li a:hover{border-bottom: 1px solid #fff;} .select dd ul::-webkit-scrollbar{background-color: #F5F5F5;width: 8px;height: 8px;} .select dd ul::-webkit-scrollbar-track {background-color: #22201e} .select dd ul::-webkit-scrollbar-thumb{ background-color: #91908f; } .n_navbox{display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between;} .n_nav1{border-bottom: 1px solid #e6e6e6;padding-top: 95px;background: #fff;position: relative;z-index:3; } .n_nav1 a{color: #ababab;line-height: 37px;position: relative;padding: 15px 30px;} .n_nav1 a:after,.contPro2 .tabs li:after{left:0;width: 100%;content: '';height: 3px;background: #1877f2;position: absolute;bottom: -1px;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .n_nav1 a:hover:after,.n_nav1 a.on:after,.contPro2 .tabs li.active:after{-webkit-transform: scaleX(1);transform: scaleX(1);} .n_nav1 a:hover,.n_nav1 a.on{color: #1877f2;} .n_banner{color: #fff;padding: 153px 0 158px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;position: relative;z-index: 3;} .fz40{font-size: 40px;} .n_banner h5{line-height: 60px;position: relative;padding-bottom: 29px;} .n_banner h5:after{width: 50px;height: 3px;background: #fff;content: '';left: 0;bottom: 0;position: absolute;} .n_banner h6{text-transform: uppercase;padding: 28px 0 4px;} .location{line-height: 90px;color: #a7a7a7;position: relative;z-index: 3;background: #fff;} .location a{color: #a7a7a7;} .location i{color: #1877f2;} .fz18{font-size: 18px;} .location em{font-family: simsun;padding: 0 5px;} .pro_search{padding-top: 25px;} .pro_search .fl,.pro_search .fr {width: 47.7%} .pro_search .fl select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;border:1px solid #cfcfcf;width: 100%;padding: 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px;border-radius: 7px;height: 60px;line-height: 60px;font-size: 20px;color: #7d7d7d;} .pro_search .fl{position: relative;} .pro_search .fr{border:1px solid #cfcfcf;-webkit-border-radius: 7px;border-radius: 7px;} .pro_search .fr input[type=text]{width: calc(100% - 80px);border:none;height: 60px;line-height: 60px;font-size: 18px;color: #7d7d7d;margin-left: 10px;} .pro_search .fr input[type=submit]{width:20px;height: 20px;background: url(../images/ico2.png) center no-repeat;border:none;float: right;margin-top: 21px;margin-right: 27px;cursor: pointer;-webkit-background-size: cover; background-size: cover; } .pro_search.pro_searchnew .w_79 > div{width: 30%;margin-left: 20px;width: calc(33.33% - 20px);box-sizing: border-box;} .pro_search.pro_searchnew .w_79 > div:nth-child(2){} .pro_search.pro_searchnew .w_79 > div:nth-child(1){width: 33.3%;margin-left: 0;} .pro_search .fl .proselect,.pro_search .fr .proselect{z-index: 2; position: relative;border:1px solid #cfcfcf;width: 100%;-webkit-border-radius: 7px;border-radius: 7px;height: 60px;} .pro_search .fl .proselect dt:after,.pro_search .fr .proselect dt:after{width:0 ;height: 0;position: absolute;right: 20px;top:50%;margin-top: -5px; border-top: 10px solid #7d7d7d;border-left: 7px solid transparent;border-right: 7px solid transparent;content: '';z-index: -1;-webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s;} .pro_search .fl .proselect dt,.pro_search .fr .proselect dt{height:58px;display:inline-block;border:1px solid rgba(255,255,255,0.7);line-height:58px;font-weight:bold;cursor:pointer;width:98%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative; color:#7d7d7d;font-weight: normal;font-size: 20px;border-radius: 25px;text-indent: 10px;} .pro_search .fl .proselect dd,.pro_search .fr .proselect dd{position:absolute;left:0;top:60px;background:rgba(0,0,0,0.7);display:none;width: 100%;z-index: 2;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .pro_search .fl .proselect dd ul,.pro_search .fr .proselect dd ul{padding:4px;max-height:250px;overflow-y:auto;font-size: 14px;} .pro_search .fl .proselect dd ul li,.pro_search .fr .proselect dd ul li{ display:block; width:100%; float:left;} .pro_search .fl .proselect dd ul li a,.pro_search .fr .proselect dd ul li a{line-height:35px;display:block;padding:0 8px; color: #fff;border-bottom: 1px solid transparent;} .pro_search .fl .proselect dd ul li a:hover,.pro_search .fr .proselect dd ul li a:hover{border-bottom: 1px solid #fff;} .pro_search .fl .proselect dd ul::-webkit-scrollbar,.pro_search .fr .proselect dd ul::-webkit-scrollbar{background-color: #F5F5F5;width: 8px;height: 8px;} .pro_search .fl .proselect dd ul::-webkit-scrollbar-track,.pro_search .fr .proselect dd ul::-webkit-scrollbar-track{background-color: #22201e} .pro_search .fl .proselect dd ul::-webkit-scrollbar-thumb,.pro_search .fr .proselect dd ul::-webkit-scrollbar-thumb{ background-color: #91908f; } .pro_search .fl .proselect dt.cur:after,.pro_search .fr .proselect dt.cur:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} .list_pro{padding-top: 48px;border-bottom: 1px solid #cfcfcf;} .list_pro li{width: 30.8%;margin-left: 3.8%;} .list_pro li:nth-child(3n+1){margin-left: 0;} .list_pro li a,.list_pro li a *{display: block;} .list_pro li a span.img{border:1px solid #cdcdcd;padding-bottom: 79.5%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;} .list_pro li a h5{margin:31px 15% 64px;line-height: 33px;overflow: hidden;height: 66px;text-align: center;color: #424242;} .list_pro li a:hover span.img{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);box-shadow: 0 0 20px rgba(0,0,0,0.4);} .list_pro li a:hover h5{color: #1877f2;} .page{padding: 80px 0;text-align: center;} .page a{display: inline-block;font-size: 18px;color: #ababab;margin: 0 22px;line-height: 18px;} .page a.on,.page a:hover{color: #1877f2;} .page a.page_btn{margin:0 36px;} .page a.page_btn img{width: 11px;} .contPro1,.border{border:1px solid #e9e9e9;padding: 38px;} .contPro1Left{width: 47%;position: relative;} .contPro1Left .gallery-top{margin-bottom: 20px;} .contPro1Left .gallery-top .swiper-slide,.contPro1Left .gallery-thumbs .swiper-slide{background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;} .contPro1Left .gallery-top .swiper-slide{padding-bottom: 468px;} .contPro1Left .gallery-thumbs{margin: 0 40px;} .contPro1Left .gallery-thumbs .swiper-slide{padding-bottom: 97px;cursor: pointer;} .contPro1Left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity: 0.6;filter: alpha(opacity=60);} .conProBtn{position: absolute;bottom: 40px;z-index: 2;cursor: pointer;} .conProBtn_next{right: 0} .conProBtn_prev{left: 0} .conProBtn.swiper-button-disabled{cursor: not-allowed; } .fz30{font-size: 30px;} .contPro1Right{width: 49%;} .contPro1Right h3{padding: 15px 0 20px;color: #424242;line-height: 50px;font-weight: bold;} .contPro1Right ul,.contPro1Right .btn{margin-bottom: 34px;} .contPro1Right ul li{padding-left: 35px;position: relative;color: #505050;line-height: 40px;} .contPro1Right ul li:before{width: 6px;height: 6px;-webkit-border-radius: 10px;border-radius: 10px;content: '';position: absolute;left: 0;top: 17px;background: #1877f2;} .contPro1Right .btn > a{margin-right: 10px;border:1px solid #535353;padding: 0 30px 0 35px;display: inline-block;line-height: 53px;color: #4b4b4b;position: relative;} .contPro1Right .btn > a:before{width: 30px;height: 31px;background-image: url(../images/18.png) ;background-position: left bottom;background-repeat: no-repeat;content: '';display: inline-block;top: 10px;position: relative;margin-right: 20px;background-size: 30px; -webkit-background-size: 30px;} /*.contPro1Right .bshare-custom{width: 55px;height: 55px;background-color: #e3e3e3;} .contPro1Right .bshare-custom .bshare-more.more-style-addthis{width: 22px !important;height: 22px !important;padding: 0 !important;margin: 16px 0 0 16px !important;background-image: url(../images/icopro.png);background-position: right bottom !important;} */.contPro1Right .cont_cont > div{margin-top: 10px;color: #1877f2;line-height: 48px;padding-left: 78px;position: relative;} .contPro1Right .cont_cont > div a{color: #1877f2} .contPro1Right .btn > a:hover,.contPro2 .tabs a:hover{border-color: #e3e3e3;background: #e3e3e3;} .contPro1Right .share{margin-top: 6px;margin-left: 10px;} .contPro1Right .share .bshare-custom a{margin-right: 10px !important;} .contPro1Right .cont_cont > div > img { position: absolute; width: 48px; left: 0; top: 0;} .contPro2 .tabs li{cursor: pointer;float: left;font-size: 25px;padding: 40px 0;line-height: 29px;color: #b1b1b1;margin: 0 37px;position: relative;} .contPro2 .tabs li.active{color: #1877f2;} .contPro2 .tabs a{border:1px solid #1877f2;position: relative; -webkit-border-radius: 25px;border-radius: 25px;color: #1877f2;padding: 0 40px;line-height: 45px;margin-top: 35px;} .contPro2 .tabs a:after{width: 20px;height: 20px;background: url(../images/26.png) center no-repeat; background-size: 20px;content: '';display: inline-block;margin-left: 24px;position: relative;top: 2px} .Pro2_dl{padding: 0 0 20px;} .Pro2_dl dt{width: 49.7%;padding-bottom: 430px;} .Pro2_dl dd{width: 46.5%;} .Pro2_dl dd h4{font-weight: bold;padding: 20px 0 0;} .Pro2_dl dd h4,.Pro2_dl dd h5{line-height: 2;text-align: center;color: #424242;} .Pro2_dl dd .txt{color: #424242;line-height: 30px;padding-top: 34px;} .Pro2_tit{padding: 0px 0 40px;} .Pro2_tit span{display: block;font-size: 25px;padding-left: 45px;background-image: url(../images/30.png);background-position: left center; background-repeat: no-repeat; background-size: 24px;} .Pro2_ul{display: flex;justify-content: space-between;flex-wrap: wrap} .Pro2_ul li .img{padding-bottom: 51%;} .Pro2_ul li{width: 49%;} .Pro2_ul li:nth-child(2n){margin-left: 2%;} .Pro2_ul li .txt{text-align: center;color: #424242;padding: 45px 0 68px;position: relative;} .Pro2_ul li .txt *{line-height: 42px;} .Pro2_ul li .txt p{min-height: 84px} .Pro2_TxtUl .tit {cursor: pointer;position: relative;} .Pro2_TxtUl .tit span{font-size: 25px;color: #424242;display: inline-block;line-height: 45px;} .Pro2_TxtUl .tit i{position: absolute;background-image: url(../images/icopro.png);width: 31px;height: 18px;background-position: 0 -219px;background-repeat: no-repeat;right: 0;top:15px } .fz35{font-size: 35px;} .Pro2_TxtUl .txt{width: calc(100% - 480px);position: relative;margin-top: -35px;line-height: 35px; margin-right: 20px; margin-left: 450px;color: #a0a0a0;} .Pro2_TxtUl .txt table{border-collapse: collapse;width: 100% !important;} .Pro2_TxtUl .txt table tr{border-top: 1px solid #ddd;} .Pro2_TxtUl .txt table tr td{width: auto !important;} .Pro2_TxtUl li{border-top: 1px solid #cacaca;padding: 55px 0;height: auto;} .Pro2_TxtUl li.on i{ -webkit-transform: rotate(-180deg);transform: rotate(-180deg);} .Pro2_TxtUl li:first-child{border-top:none;} .contPro2swiper .swiper-slide{display: none;} .max_width_img{text-align: center;margin-bottom: 50px;} .max_width_img img{max-width: 100%;display: block;margin: auto;height: auto !important;} .contPro3{margin: 44px 0 55px;} .contPro3 .tit span{font-weight: bold;color: #363636;position: relative;line-height: 76px;display: inline-block;} .contPro3 .tit span:after{width: 100%;height: 2px;background: #1877f2;content: '';left: 0;bottom:0;position: absolute;} .contPro3Swiper{margin-top: 40px;} .contPro3Swiper a{display: block;text-align: center;} .contPro3Swiper a .img{padding-bottom: 71%;display: block;} .contPro3Swiper a h6{line-height: 83px;} .list_application li{width: 23.9%;margin-bottom: 55px;margin-left: 1.3%;} .list_application li:nth-child(4n+1){margin-left: 0;} .list_application li *{display: block;} .list_application li .img{padding-bottom: 86%;border:1px solid #cdcdcd;} .list_application li .txt{font-size: 20px;text-align: center;color: #424242;line-height: 32px;padding: 40px 0;} .list_application li a:hover .img{-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);} .list_application li a:hover .txt{color: #1877f2;} .page_more{text-align: center;padding-bottom: 83px;padding-top: 0;} .cont_application dl{margin-top: 50px;margin-bottom: 90px;padding: 0 2.5%;} .cont_application dt{width: 48.1%;padding-bottom: 400px;} .cont_application dd{width: 48.1%;height: 400px;position: relative;} .cont_application dd h5{margin-bottom: 40px;line-height: 2;} .cont_application dd div.txt{padding-right: 10px;line-height: 30px;max-height: 305px;overflow-y: auto;} .cont_application dd div.txt table{max-width: 100%;word-break: break-all; word-wrap:break-word;width: auto !important;} .cont_application dd div.txt p{padding-top: 20px;} .cont_application dd div.txt p:first-child{padding-top: 0;} .cont_application dd .trans,.aboutThree dl dd .trans{width: 100%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .cont_application dd div.txt::-webkit-scrollbar,.aboutThree dl dd .txt::-webkit-scrollbar{width: 5px;height: 5px;background-color: #e5e5e5; border-radius: 5px; } .cont_application dd div.txt::-webkit-scrollbar-track,.aboutThree dl dd .txt::-webkit-scrollbar-track { border-radius: 5px; background-color: #e5e5e5; } .cont_application dd div.txt::-webkit-scrollbar-thumb,.aboutThree dl dd .txt::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #1877f2;} .Pro2_dl dd{height: 430px;overflow-y:auto;padding-right: 10px;} .Pro2_dl dd::-webkit-scrollbar{width: 5px;height: 5px;background-color: #e5e5e5; border-radius: 5px; } .Pro2_dl dd::-webkit-scrollbar-track { border-radius: 5px; background-color: #e5e5e5; } .Pro2_dl dd::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #1877f2;} .aboutOne{line-height: 45px;} .bggrayy{background: #f5f5f5;padding: 80px 0;} .bggrayy .location{background: #f5f5f5;} .about_tit{margin-bottom: 67px;text-align: center;font-weight: bold;line-height: 90px;color: #3b3b3b;} .about_tit span{display: inline-block;padding-bottom: 10px;position: relative;} .about_tit span:after,.aboutThree dl dd h5:after,.ranTitle:after,.maptabs li h6:after{width: 50px;height: 3px;background: #1877f2;content: '';position: absolute;bottom: 0;left: 50%;margin-left: -24px;} .aboutOneUl{padding-top: 80px;} .aboutOneUl li{width: 33%;text-align: center;} .aboutOneUl li .ico{width: 93px;height: 93px;line-height: 93px; /* background-image: url(../images/about1.jpg); */margin: auto;text-align: center;} /* .aboutOneUl li:nth-child(1) .ico{background-position: -106px 0;} .aboutOneUl li:nth-child(2) .ico{background-position: -515px 0;} .aboutOneUl li:nth-child(3) .ico{background-position: -928px 0;} .aboutOneUl li:nth-child(4) .ico{background-position: -1334px 0;} */ .aboutOneUl li .ico img{vertical-align:middle;width: 96px;} .aboutOneUl li .year{padding: 22px 0 8px;line-height: 40px;} .aboutOneUl li .year i{font-family: 'OPPOSans-M';font-weight: bold;color: #1877f2;} .aboutOneUl li .year em{color: #969696;font-weight: bold;} .aboutTwo{padding:73px 0 130px;background: url(../images/aboutbg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .aboutTwo .about_tit {text-align: left;margin-bottom: 20px;} .aboutTwo .about_tit span,.aboutTwoTxt,.aboutTwoUl{color: #fff;} .aboutTwo .about_tit span:after{background: rgba(255,255,255,0.5);margin-left: 0;left: 0} .aboutTwoTxt{line-height: 43px;} .aboutTwoUl{padding-top: 15px;} .aboutTwoUl li{margin-top: 47px;line-height: 38px;padding: 15px 0 15px 105px;position: relative;} .aboutTwoUl li > img { display: inline-block; width: 68px; position: absolute; left: 0; top: 50%; margin-top: -34px; } .aboutThree{padding-top: 84px;} .aboutThree dl{padding-bottom: 105px;} .aboutThree dl dt{padding-bottom: 462px;width: 50%;} .aboutThree dl dd{width: 45.5%;height: 462px;position: relative;} .aboutThree dl dd .txt{line-height: 43px;color: #6f6f6f;max-height: 305px;overflow-y: auto;padding-right: 10px;} .aboutThree dl dd h5{color: #1877f2;margin-bottom: 20px;line-height: 36px;position: relative;padding-bottom: 30px} .aboutThree dl dd h5:after{width: 46px;left: 0;bottom: 0;margin: 0;} .aboutThree dl dd h5 img { width: 49px; } .bggray2{background: url(../images/bggray2.jpg);} .honner_box{padding: 52px 0;} .honner_box dd{padding: 0 4%;width: 41.5%;} .honner_box dt{width: 50%;text-align: center;} .honner_box dt img{max-width: 100%} .honner_box dd h5{color: #2b2b2b;padding-bottom: 11px;color: #ccc #2b2b2b;font-weight: bold;line-height: 30px;} .honner_box dd .text{color: #6d6d6d;line-height: 30px;} .honner_box dd .txt{padding-top: 30px;} .honner_box dd .txt:first-child{padding-bottom: 15px;} .culture{padding-top: 180px;background: url(../images/cultrue1.jpg) center top no-repeat;} .culture .title{padding-bottom: 140px;color: #fff;text-align: center;line-height: 60px;font-family: 'OPPOSans-M';} .culture .title img{max-width: 90%} .culture .title h5{padding-bottom: 20px;} .culture ul{padding-bottom: 120px;} .culture li{width: 29.4%;text-align: center;margin: 0 1.96%;color: #353535;background: #fff;} .culture li .img{padding-bottom: 72%;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .culture li .tit,.culture li .txt{line-height: 40px;-webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;} .culture li:hover .img{-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-transform: translateY(-5px);transform: translateY(-5px);} .culture li:hover .tit{color: #1877f2;} .culture li .iconew{margin:40px auto;} .culture li .iconew img { width: 70px;} .about_tit p{line-height: 20px;padding-top: 40px;font-weight: normal;color: #363636;font-size: 20px;} .map_swiper iframe{width: 100%;height: 550px;} .maptabs{width: 65.5%;margin: -100px auto 92px;position: relative;z-index: 2;} .maptabs li{padding: 20px 0 32px;width: 48%;margin: 0 1%;float: left;background: #fff;border:1px solid #e9e9e9;-webkit-box-sizing: border-box;box-sizing: border-box;} .maptabs li h6{position: relative; padding-bottom: 25px;color: #363636;font-weight: bold;line-height: 60px;text-align: center;} .maptabs li h6:after{bottom:15px; transform: scaleX(0);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .maptabs li div{padding: 0 6.2%;line-height: 48px;min-height: 240px} .maptabs li div p{padding-left: 58px;position: relative;} .maptabs li div p img{width: 25px; position: absolute; top: 11.5px; left: 0;} .maptabs li div p i{display: block;width: 100%;} .maptabs li.active h6,.news_one dl:hover dd .tit,.morgin:hover a,.page_cont .fl:hover *,.page_cont .fr:hover *,.gen_main ul li a:hover .tit,.contPro3Swiper a:hover h6{color: #1877f2;} .list_map{overflow: hidden;} .maptabs li.active h6:after{transform: scaleX(1);} .news_one,.news_two{margin: 0 40px !important;} .news_one dt{width: 45.5%;} .news_one dt a{display: block;padding-bottom: 390px;} .news_one dd{width:50% ;} .news_one dd a > *,.news_one dd a{display: block;} .news_one dd .tit{line-height: 35px;font-size: 24px;color: #3a3a3a;max-height: 70px;overflow: hidden;} .news_one dd .time{padding: 30px 0 33px;color: #aeaeae;font-family: 'OPPOSans-M';} .news_one dd .txt{color: #767676;line-height: 30px;height: 90px;overflow: hidden;margin-bottom: 97px;} .news_one dd .more{margin: 0 0;text-align: center;} .news_one .btn{position: absolute;width: 47px;height: 47px;top: 50%;margin-top: -23.5px;z-index: 2;filter: grayscale(1);} .news_one .btn.btnprev{left: 1.3%;} .news_one .btn.btnnext{left: 40.5%;} .news_one .btn img { width: 100%;} .news_one .btn.btnprev:hover,.news_one .btn.btnnext:hover{filter: grayscale(0);} .news_one .btn.swiper-button-disabled{opacity: 0;filter: alpha(opacity=0);} .news_one dl:hover dt a,.contPro3Swiper a:hover .img{-webkit-transform: scale(1.05);transform: scale(1.05);} .news_two dl,.news_two dt,.news_two dd{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .news_two dl{padding: 50px 0 ;border-top: 1px solid #eaeaea;} .news_two dl:first-child{margin-top: 60px;} .news_two dl dt{width: 27.56%;} .news_two dl dt *,.news_two dl dd *{display: block;} .news_two dl dt .img{padding-bottom: 229px;} .news_two dl dd{padding-left: 32.3%;} .news_two dl dd .time{color: #aeaeae;padding: 23px 0;} .news_two dl dd .txt{padding-top: 8px;line-height: 30px;color: #767676;max-height: 60px;overflow: hidden;} .news_two dl dd .txt em{display: inline;color: #1877f2;} .news_two dl:hover ,.list_job .jobbox div:hover,.gen_main ul li a:hover .img{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0,0,0,0.3);} .news_two dl:hover dt{margin-left: 2%;} .cont_new{background: #fff;padding:68px 40px 20px;} .cont_news_gray{padding-top: 0;} .cont_tit{line-height: 40px;font-weight: bold;color: #3a3a3a;font-size: 24px;} .cont_em {color: #7b7b7b;padding: 50px 0;border-bottom: 1px solid #eaeaea;} .cont_em span{margin-right: 5.7%;} .cont_em img{position: relative;top: -1px;margin-right: 10px;width: 18px;} .cont_new_box{color: #767676;line-height: 42px;padding: 57px 0;} .cont_new_box img,.cont_new_box table,.cont_new_box iframe{display: block;margin: auto;max-width: 100%;height: auto;} .cont_new_box pre{white-space: normal;} .share{color: #7b7b7b;} .share span{display: inline-block;line-height: 41px;margin-right: 23px;} .share .bshare-custom a{margin: 0 20px 0 0!important;padding:0 !important ;width: 41px !important;height: 41px !important;background-image: url(../images/share.jpg) !important;} .share .bshare-custom a.bshare-weixin{background-position: 0 0;} .share .bshare-custom a.bshare-sinaminiblog{background-position:-61px 0 !important;} .share .bshare-custom a.bshare-qqim{background-position: -122px 0 !important;} .share .bshare-custom a.bshare-qzone{background-position: -183px 0 !important;} .page_cont .fl,.page_cont .fr{height: 93px; position: relative;color: #909090; } .page_cont .fl a,.page_cont .fr a{color: #909090;display: inline-block;max-width: 230px} .page_cont .fl a:hover,.page_cont .fr a:hover{color: #1877f2;} .page_cont{position: relative;border-top: 1px solid #eaeaea;line-height: 93px;padding-top: 14px;margin-top: 48px;} .morgin{position: absolute;padding-left: 32px;background: url(../images/37.png) left center no-repeat;background-size: 22px;padding-left: 32px;color: #333;left: 50%;margin-left: -56px;} .page_cont .fl:before,.page_cont .fr:after{display: inline-block;width: 15px;height: 20px;content: '';background-image: url(../images/contbtn2.png);background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -10px; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .page_cont .fl:before{float: left;background-position: -8px 0;left: 0} .page_cont .fr:after{background-position: -38px -34px;right: 0} .page_cont span{float: left;} .page_cont .fl{padding-left: 30px;} .page_cont .fr{padding-right: 30px;} .page_cont .fl:hover:before{background-position: -38px 0;} .page_cont .fr:hover:after{background-position: -6px -34px;} .job_screen{padding: 5px 0;margin-bottom: 45px;border:1px solid #d6d6d6;overflow: hidden;} .job_screen dl{margin: 0 50px; border-top: 1px solid #d6d6d6;padding: 35px 0;} .job_screen dl:first-child{border-top: none} .job_screen dl dt{padding: 0 35px;} .job_screen dl dt div{color: #363636;font-weight: bold;line-height: 35px} .job_screen dl dd{width: calc(100% - 150px);} .job_screen dl dd a{color: #9f9f9f;display: inline-block;padding: 0 50px;line-height: 35px;} .job_screen dl dd a.on,.job_screen dl dd a:hover{color: #1877f2;} .list_job{margin-bottom: 65px;} .list_job .tit{padding: 25px 3.9%;background: #1877f2;color: #fff;font-weight: bold;line-height: 35px;text-align: center;} .list_job .tit span,.job-list .jobbox div span{position: relative;display: inline-block;float: left;width: 10.9%;margin-left: 17.8%;} .list_job .tit span:nth-child(1),.job-list .jobbox div span:nth-child(1){margin-left: 0;} .list_job .jobbox div{margin: 0 2.9%;padding: 20px 1%;line-height: 38px;color: #aeaeae;text-align: center;border-bottom: 1px solid #d6d6d6} .list_job .jobbox div span:nth-child(1){color: #2e2e2e;} .list_job .page{padding: 60px 0;} .job-list {border:1px solid #d6d6d6;overflow: hidden;} .job-list .jobbox div{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .job-list .jobbox div a{width: 100%;float: left;position: relative;} .job-list .jobbox div a:after{content: '';position: absolute;right: 0;background-image: url(../images/contbtn.png) ;background-repeat: no-repeat;width: 17px;height: 20px;background-position: -38px -34px;top: 50%;margin-top: -10px;opacity: 0.5;filter: alpha(opacity=50);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .job-list .jobbox div a:hover:after{background-position: -10px -34px;opacity: 1;filter: alpha(opacity=100);} .serico {cursor: pointer;} .serico img{width: 20px;} .n_nav2{padding-top: 95px;} .n_nav2 .nav2_select{position: relative;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;z-index: 4;} .n_nav2 .nav2_select h5{cursor: pointer;line-height: 65px;width: 180px;text-align: center;} .n_nav2 .nav2_select h5 span{padding-right: 40px;position: relative;display: inline-block;} .n_nav2 .nav2_select h5 span:after{font-size: 0;content:'';right: 0;top: 50%;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #3c3c3c;position: absolute;margin-top: -2.5px;} .nav2ul{display: none;position: absolute;width: 100%;top:65px;background: #fff;line-height: 60px;text-align: center;} .nav2ul a{display: block;position: relative;} .nav2ul a:before,.nav2ul a:after{width: 0;height: 2px;content: '';background: #1877f2;position: absolute;top: 50%;margin-top: -1px;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .nav2ul li{position: relative;} .nav2ul a:hover{color: #1877f2;} .nav2ul a:before{left: 0} .nav2ul a:after{right: 0} .nav2ul a:hover:before,.nav2ul a:hover:after{width: 20px;} .nav2ul div{position: absolute;left: 100%;top: 0;background: #fff;width: 150px;display: none;} .nav2ul div a{font-size: 15px;color: #666;} .nav2ul li:hover div{display: block;} .nav2ul li:nth-child(1) div{top: 0;} .nav2ul li:nth-child(2) div{top: -60px;} .nav2ul li:nth-child(3) div{top: -60px;} .n_nav2 .fr{width: calc(100% - 280px);line-height: 68px;display: -webkit-flex;display: flex;} .n_nav2 .fr a{position: relative;width: 20%;} .list_gen{padding-bottom: 80px;} .gen_box{margin-top: 50px;} .gen_tit{background-color: #000;display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;line-height: 28px;padding: 40px 2%;color: #fff;} .gen_tit i{background: url(../images/genIco2.png) right center no-repeat;padding-right: 53px;cursor: pointer; background-size: 27px; -webkit-background-size: 27px;} .gen_main ul li{margin-top: 55px;width: 24%;margin-left: 1.3%;text-align: center;} .gen_main ul li .img,.gen_main ul li a{display: block;} .gen_main ul li:nth-child(4n+1){margin-left: 0;} .gen_main ul li .img{border:1px solid #cdcdcd;padding-bottom: 85%;-webkit-background-size: auto 100%;background-size: auto 100%;background-repeat: no-repeat;background-position: center bottom;} .gen_main ul li .tit{line-height: 23px;margin: 30px 5px 10px;overflow: hidden; text-overflow: ellipsis; text-align: center;} .gen_main ul li .tit:last-child{margin-top: 0;} .list_gen .gen_box .gen_main{display: none;} .list_gen .gen_box.on .gen_tit i{background: url(../images/genIco1.png) right center no-repeat; background-size: 27px; -webkit-background-size: 27px;} .list_gen .gen_box:first-child .gen_main { display: block; } .gen_more{padding: 20px 0 !important} .netul{text-align: center;} .netul li{display: inline-block;font-size: 20px;opacity: 0.3;filter: alpha(opacity=30);margin: 0 30px;cursor: pointer;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .netul li.active{color: #1877f2;opacity: 1;filter: alpha(opacity=100);} .map_main1 {padding-bottom: 798px;} .map_main2 {padding-bottom: 693px;} .net_swiper .txt{margin-bottom: 50px;text-align: center;color: #363636;line-height: 30px;} .net_swiper .map_main{position: relative;text-align: center;background-repeat: no-repeat;background-position: center top;max-width: 1040px;margin: auto;} .net_swiper .map_main img{max-width: 100%;display: inline-block;} .net_aboutit{margin-bottom: 0 !important;} .netwokr_two{background: url(../images/net_bg.jpg) center top no-repeat;} .netwokr_two .maptabs{margin-top: 450px;} .list_history .content{position: relative;padding-bottom: 200px;overflow: hidden;} .list_history .content:after{width: 4px;height: 100%;background: #9a9a9a;content: '';top: 0;left: 50%;margin-left: -2px;position: absolute;} .list_history .content .his_box{padding: 0 9%;} .list_history .content .his_box dl{background: #f5f5f5;width: 46%;padding: 30px ;-webkit-box-sizing: border-box;box-sizing: border-box;} .list_history .content .his_box dt{width: 205px;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .list_history .content .his_box:nth-child(even) dl{float: right;} .list_history .content .his_box dd{padding-left: 230px;} .list_history .content .his_box dd h6{font-weight: bold;color: #363636;} .list_history .content .his_box dd .txt{padding-top: 10px;line-height: 22px;} .history_box{position: relative;margin-bottom: 80px;} /*.history_box:after{content: '';width: 4px;height: 320px;background:url(../images/his_bg.jpg) center bottom no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: -2px;} */.his_tit,.his_tit2{text-align: center;color: #363636;font-weight: bold;} .his_tit span{font-size: 30px;} .fz50{font-size: 50px;line-height: 1.5;} .list_history .content .his_box:first-child{margin-top: 60px;} .list_history .content .his_box dl:hover dt{-webkit-transform: scale(1.05);transform: scale(1.05);} .list_history .content .his_box dl:hover dd *{color: #1877f2;} .his_tit2{background: #fff;position: relative;z-index: 1;top: -100px} .his_tit2 a{position: relative;display: inline-block;} .his_down{text-align: center;position: relative;z-index: 1;} .his_down span{border:1px solid #535353;display: block;width: 228px;cursor: pointer; height: 53px; line-height: 53px; margin: auto; color: #4b4b4b;} .his_down span:hover{color: #1877f2;} .his_left_ul{right:0;position: absolute;padding-right: 10px;top: 30px;z-index: 2;/*max-height: 400px;*/overflow-y: auto;} .his_left_ul li:after{width: 2px;height: 100%;background: #e9e9e9;content: '';position: absolute;right:0;top: 0} .his_left_ul li{position: relative;padding-top: 24px;line-height: 40px;text-align: center;font-size: 14px;} .his_left_ul li a{padding-right: 10px;color: #373737;display: block;position: relative;z-index: 2;} .his_left_ul li a:after{width: 2px;height: 100%;content: '';position: absolute;right: 0;top: 0;-webkit-transform: scaleY(0);transform: scaleY(0);background: #1877f2;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .his_left_ul li:first-child{margin-top: 0;} .his_left_ul li a.on,.his_left_ul li a:hover{color: #1877f2;font-size: 17px;} .his_left_ul li a.on:after,.his_left_ul li a:hover:after{-webkit-transform: scaleY(1);transform: scaleY(1);} .his_left_ul::-webkit-scrollbar{background-color: #F5F5F5;width: 5px;height: 5px;-webkit-border-radius: 2em; border-radius:2em;} .his_left_ul::-webkit-scrollbar-track {background-color: #fff} .his_left_ul::-webkit-scrollbar-thumb{ background-color: #ddd; -webkit-border-radius: 2em; border-radius:2em; } /*20200916添加搜索结果页*/ .searchul li{border-bottom: 1px solid #dedede;} .searchul li a{display: block;height: 40px;line-height: 40px;padding: 15px 0;} .searchul li a span.tit{float: left;display: block;max-width: 70%;} .searchul li a span.time{float: right;color: #888;font-size: 13px;} .logo{position: absolute;left: 0;top: 20px;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .logo img{max-width: 250px} .navigation-up{margin: 30px 0 20px 400px;} .three_left,.three_right{width: 48.5%;} .three_right ul{padding-top: 30px;} .three_left dl{padding: 25px 0;border-bottom:1px solid #e5e5e5;} .three_left dt{float: left;width: 120px;} .three_left dt a{display: block;padding-bottom: 75%;width: 100%;background-color: #ddd;} .three_left dd{padding-left: 140px;} .three_left dd a{display: block;} .three_left dd a .tit{max-height: 60px;font-size: 18px;line-height: 30px;overflow: hidden;transition: 0.3s;margin-bottom: 10px;} .three_left dd a .time{color: #aaa;font-size: 12px;} .three_left dl:hover dt a{transform: scale(1.05);} .three_left dl:hover dd .tit{color: #1877f2;} .three_right li{float: left;width: calc(50% - 7px);margin-left: 14px;transition: 0.3s;} .three_right li:first-child{margin-left: 0;} .three_right li a{display: block;} .three_right li .pic{position: relative;overflow: hidden;} .three_right li .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;} .three_right li .pic em{display: block;width: 105%;padding-top:225px;background-color: #000;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;} .three_right li .info{padding: 35px 45px 50px;background-color: #f5f5f5;} .three_right li .info .tit{height: 40px;margin-bottom: 15px;font-size: 24px;line-height: 40px;overflow: hidden;transition: 0.3s;} .three_right li .info .txt{height: 90px;font-size: 16px;line-height: 30px;overflow: hidden;} .three_right li .info .more{display: inline-block;margin-top: 30px;font-size: 0;filter: grayscale(1);opacity: .5;transition: 0.3s;} .three_right li .info .more img{width: 46px;} .three_right li:hover{box-shadow: 4px 4px 10px rgba(0,0,0,.2);} .three_right li:hover .pic:after{opacity: 1;} .three_right li:hover .pic em{transform: translateX(-4.5%);} .three_right li:hover .info .tit{color: #1877f2;} .three_right li:hover .info .more{filter: grayscale(0);opacity: 1;transform: translateY(-5px);} /*弹窗*/ .ranTitle{position: relative;font-weight: bold;text-align: center;line-height: 1.6;text-align: center;padding: 30px 0 15px;margin-bottom: 25px;font-size: 24px;} .ranTitle span{display: block;} .tanForm label{font-weight: bold;float: left;display: inline-block;line-height: 30px;width: 80px;} .plussub {width:115px;height:28px;border:1px solid #ccc;background:#fff;float: right;overflow: hidden;} .plussub span {width:28px;height:28px;float:left;text-align:center;line-height:28px;cursor:pointer;} .plussub .sub {border-right:1px solid #ccc;} .plussub .plus {border-left:1px solid #ccc;} .plussub input[type="text"] {border:none;height:28px;width:56px;text-align:center;float:left;line-height:28px;} .tanForm > div{height: 29px;margin: 0 5% 0;padding: 10px 0;position: relative;border-bottom: 1px solid #ddd;} .yzmdiv .Inputtext{text-align: left;} .tanForm > div span.tips{top:11px;font-size: 12px;color: #666;position: absolute;right: 0;line-height: 28px;} .Inputtext{width: calc(100% - 90px);height: 28px;border:none;font-size: 15px;text-align: right;} .InputSub{width: 150px;height: 40px;line-height: 40px;color: #fff;background: #1877f2;border:none;display: block;margin:30px auto;font-size: 15px;} /* .tanForm > div:nth-child(2) input[type="text"].Inputtext{width:calc(100% - 140px) } */ .tanForm > div:nth-child(6) input[type="text"].Inputtext{width:calc(100% - 200px) } .hidden_recuritwrap { padding: 0 8% 40px; } .hidden_recuritwrap .title { font-size: 24px; line-height: 30px; color: #444444; padding: 53px 0 28px 0; font-weight: normal; } .hidden_recuritwrap .meta { font-size: 16px; color: #555555; line-height: 24px; padding-bottom: 22px; border-bottom: 1px solid #cacaca; } .hidden_recuritwrap .meta >span { display: inline-block; padding-left: 34px; margin-right: 50px;background-repeat: no-repeat;background-position: left center; height: 24px; line-height: 24px; background-size: 23px;} .hidden_recuritwrap .meta .span1 { background-image: url(../images/28.png) ; } .hidden_recuritwrap .meta .span2 { background-image: url(../images/27.png) ; } .hidden_recuritwrap .meta em { float: right; } .recurit_need { margin-bottom: 20px;max-height: 300px; overflow-y: auto; margin-top: 20px;font-size: 14px; line-height: 26px; color: #666666; text-align: justify; padding: 0px 20px 0 0; } .recurit_need::-webkit-scrollbar{width: 5px;height: 5px;background-color: #e5e5e5; border-radius: 5px; } .recurit_need::-webkit-scrollbar-track {border-radius: 5px; background-color: #e5e5e5;} .recurit_need::-webkit-scrollbar-thumb{ border-radius: 5px;background-color: #1877f2; } .recurit_need dl { margin-bottom: 26px; } .download_btn a { display: inline-block; padding: 0 56px 0 23px; height: 43px; line-height: 43px; background: #1877f2 url(../images/29.png) no-repeat 130px center;background-size: 22px; font-size: 16px; color: #ffffff; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .download_btn a:hover { opacity: 0.8; } #tanbox{display: none;} .yzmimg{background: #000;width: 100px;height: 28px;position: absolute;right: 0;bottom: 9px} .honner_btn{text-align: center;padding-top: 50px;border-bottom: 1px solid #ddd;margin: 0 5.5% 0 1.5%;} .honner_btn a{font-size: 16px;border-bottom:2px solid #fff;color: #333;line-height: 40px;margin: 0 20px;display: inline-block;} .honner_btn a.on,.honner_btn a:hover{border-bottom-color: #1877f2;} /*20200927*/ .mapitem .hover dl dd .after::after{content:'';position: absolute;left:100%; bottom:-6px;background: #fff;width: 20px;height:2px;} .mapitem,.mapitemen{position: absolute;cursor: pointer;width: 3%;height: 80px;} .mapitem .hover,.mapitemen .hover{box-sizing: border-box;border: 1px solid #d4dbe6;background: #fff;padding: 7px 26px 18px;display: none;position: absolute;left: 50%;top: 50%;margin: -90px 0 0 -152px;} .mapitem .hover dl dd{display: flex;justify-content: space-between;} .mapitem .hover dl dd div{width: calc(50% - 10px); position: relative;box-sizing: border-box;} .mapitem .hover{width: 550px;} .mapitem .hover dl,.mapitemen .hover dl{min-height: 40px;position: relative;} .mapitem .hover dl dt,.mapitemen .hover dl dt{position: absolute;left: 0;top:0;height: 40px;line-height: 39px;} .mapitem .hover dl dt img,.mapitemen .hover dl dt img{position: relative;top: 13px;width: 17px} .mapitem .hover dl dd div{position: relative;padding-left: 30px;} .mapitem .hover dl dd img{position: absolute;left: 0;top: 6px;width: 17px;} .mapitem .hover dl{padding-left: 0;} .mapitem .hover dl dd,.mapitemen .hover dl dd{text-align: left; width: 100%;padding:5px 0;line-height: 29px;font-size: 14px;color: #333333;border-bottom: 1px solid #cccccc;word-break: break-all;} .mapitem:hover .hover,.mapitemen:hover .hover{display: block;} .mapitemen .hover{width: 305px;} .mapitemen .hover dl{padding-left: 33px;} .mapitem{height: 18px;width: 18px;} .mapitem1{left: 68.2%; top: 37.7%;} .mapitem2{left: 75.1%; top: 47.4%;} .mapitem3{left: 75.1%; top: 47.4%;} .mapitem4{left: 62.3%; top: 61.8%;} .mapitem5{left: 78%; top: 59.5%;} .mapitem6{left: 75.4%; top: 63.2%;} .mapitem7{left: 65.6%; top: 79.3%;} .mapitem8{left: 67.3%; top: 85.1%;} .mapitem9{left: 77%; top: 65.8%;} .mapitem10{left: 67.5%; top: 80%; } .mapitem11{left: 75%; top: 58.3%; } .mapitem12{left: 70%; top: 44.5%; } .mapitem13{left: 42%; top: 55.5%; } .mapitem14{left: 79.5%; top: 33%; } .mapitem15{left: 56.7%; top: 53.2%; } .mapitemen1{left: 14.5%;top: 23%;} .mapitemen2{left: 44%;top: 5%;} .mapitemen3{left: 49%;top: 3%;} .mapitemen4{left: 46.5%;top: 12%;} .mapitemen5{left: 48%;top: 25%;} .mapitemen6{left: 82%;top: 23%;} .mapitemen7{left: 86%;top: 23%;} .mapitemen8{left: 77.5%;top: 51%;} .maphover{width: 100%;position: absolute;top: 0;height: 100%;} .net_swiper .map_main{margin: 40px auto;} .fileup{margin-top: 3px;} .downfile{position: absolute;right: 0;top: 10px;display: inline-block;padding: 0 39px 0 13px;height: 30px;line-height: 30px;background: #1877f2 url(../images/jlIcon.png) no-repeat 108px center;font-size: 14px;color: #ffffff;} #dd_file{float: left;font-size: 14px;line-height: 30px;color: #fff;background: #1877f2;padding: 0 10px;} .share-wrap a{margin-right: 20px;} .share-wrap a:last-child{margin-right: 0;} .share-wrap a img{width: 42px} .addmore{display: none;padding: 0 5% 40px} .addmore .next,.addmore .prev{display: inline-block;line-height: 24px;font-size: 16px;} .addmore .next img,.addmore .prev img{width: 8px;position: relative;top: 5px;} .addmore .prev img{margin-right: 10px} .addmore .next img{margin-left: 10px} .addmore .next a::before,.addmore .prev a::before{display: none;} .net_swiper .map_main{margin: 40px auto;} /*1110*/ .list_down ul{margin: 50px 0 ;} .list_down li {width: 100%;float: left;} .list_down li a{display: block;line-height: 65px;color: #666;padding: 0 30px;float: left;} .list_down li a:hover {color: #004ea2; } .list_down li span {margin-left: 30px;display: inline-block; background: url(../images/downico.png) left center no-repeat;background-size: 25px;padding-left: 40px;} .list_down li i {float: left;display: inline-block;width:calc(100% - 250px);} .list_down li:nth-child(odd){background: #f5f5f5;} .list_down li a:first-child{width: calc(100% - 165px);} .list_down li a.yulan{background: url(../images/yulan.png) left center no-repeat;display: inline-block;background-size: 25px;padding-left: 40px;} /* 20220719新增视频中心 */ .video_wrap{background: url(../images/videobg.jpg);padding: 37px 0;} .video_wrap .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 29px;} .video_wrap .title h6{color: #342D2A;line-height: 43px;} .video_wrap .title .sear{border: 1px solid #E4E4E4;background: #fff;} .video_wrap .title .sear input{border: none;height: 43px;line-height: 43px;text-indent:10px;color: #666;} .video_wrap .title .sear input[type=text]{width: 225px;font-weight: normal;} .video_wrap .title .sear input[type=submit]{width: 56px;background: url(../images/icons8-search.svg) center no-repeat;cursor: pointer;} /*分类区*/ .classify-area{} .classify-area .section{display: flex;justify-content: space-between;margin-top: 20px;border: 1px solid #E4E4E4;} .classify-area .section .name{flex: 0 0 140px;box-sizing: border-box;padding: 24px 0;background-color: #F6F6F6;border-right: 1px solid #E4E4E4;text-align: center;color: #191919;} .cpIco{background: url(../images/listico1.svg) left center no-repeat;padding-left: 28px;} .lbIco{background: url(../images/listico2.svg) left center no-repeat;padding-left: 28px;} .classify-area .section .list{flex: 1 1 100%;box-sizing: border-box;padding: 10px 25px;background: #fff;} .classify-area .section .list li{display: inline-block;vertical-align: top;margin: 1em 1.5em 1em 0;} .classify-area .section .list li a{position: relative;display: block;padding: 0 1.5em 0 2em;line-height: 14px;transition: 0.3s;font-size: 14px;color: rgba(0,0,0,0.65);} .classify-area .section .list li a:before{content: '';position: absolute;left: 0;top: 0;width: 16px;height: 16px;transition: 0.5s;background: url(../images/videoradio1.svg) left center no-repeat;} .classify-area .section .list li.on a:before{background: url(../images/videoradio2.svg) left center no-repeat;} /*结果提示区*/ .result-tips-wrap{display: flex;justify-content: space-between;margin-top: 37px;padding-bottom: 12px;} .result-tips-wrap .tip{white-space: nowrap;line-height: 34px;font-size: 14px;} .result-tips-wrap .tip i{margin: 0 .5em;color: #1877f2;} .result-tips-wrap .selected-wrap{flex: 1 1 100%;margin: 0 25px;} .result-tips-wrap .selected-wrap .item{position: relative;display: inline-block;vertical-align: top;padding: 0 2.5em 0 1em;margin: 0 .5em .5em 0;background-color: #fff;border: 1px solid #E4E4E4;line-height: 32px;color: #666;cursor: pointer;transition: 0.3s;font-size: 14px;} .result-tips-wrap .selected-wrap .item:after{content: '';position: absolute;right: 1em;top: 50%;width: 10px;height: 10px;margin-top: -5px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zMDIuMjcyQS40MTcuNDE3IDAgMCAwIDkuMDEuNEw1IDQuNDEuOTg5LjRhLjQxNy40MTcgMCAxIDAtLjU5LjU4OUw0LjQxMiA1IC40IDkuMDExYS40MTcuNDE3IDAgMSAwIC41ODkuNTlMNSA1LjU4OCA5LjAxMSA5LjZhLjQxNy40MTcgMCAxIDAgLjU5LS41ODlMNS41ODggNSA5LjYuOTg5YS40MTcuNDE3IDAgMCAwLS4yOTgtLjcxN3oiIGZpbGw9IiMwMDlBREMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');background-size: 100% 100%;filter: brightness(0) invert(.5);} .result-tips-wrap .selected-wrap .item:hover{border-color: #1877f2;} .result-tips-wrap .selected-wrap .item:hover:after{filter: none;} .result-tips-wrap .other-btns{white-space: nowrap;} .result-tips-wrap .other-btns .btn{display: inline-block;vertical-align: top;box-sizing: border-box;height: 34px;padding: 0 1.2em;background-color: transparent;border: 1px solid #E4E4E4;font-size: 14px;line-height: 32px;cursor: pointer;user-select: none;transition: 0.3s;color: rgba(0,0,0,0.65);} .result-tips-wrap .other-btns .btn:hover{border-color: #1877f2;color: #1877f2;} /* 列表 */ .block{display: block;} .bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;} .videoList{display: flex;flex-wrap: wrap;} .videoList li{width: calc((100% - 50px) / 3);margin-top: 25px;margin-left: 25px;transition: 0.3s;background: #F8F8F8;} .videoList li:hover{box-shadow: 0 0 20px rgba(27,134,250,.3);} .videoList li:nth-child(3n+1){margin-left: 0;} .videoList li .img{position: relative;padding-bottom: 62%;} .videoList li .img::after{content:'';position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;opacity: 0;transition: 0.3s;} .videoList li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.3s;z-index: 2;} .videoList li .img:hover img{opacity: 1;} .videoList li .img:hover::after{opacity: 1;} .videoList li .text{padding: 40px 30px 30px;} .videoList li .text .title{color: #342D2A;line-height: 20px;display: block;} .videoList li .text .time{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;} .videoList li .text .title:hover{color: #1877f2;} .videoList li .text .time i{padding-left: 28px; background: url(../images/timeico.svg) left center no-repeat;color: #727272;line-height: 18px;} .videoList li .text .time a{background: url(../images/down.svg) right center no-repeat;padding-right: 28px;line-height: 18px;color: #1877f2;transition: 0.3s;filter: brightness(0) invert(0.5);} .videoList li .text .time a:hover{filter: none;} .videomore a{width: 226px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #ABABAB;margin:74px auto;color: #454545;} .videomore a:hover{border-color: #1877f2;color: #1877f2;} .Pro2_dl .fl{width: 49.7%;padding-bottom: 430px;} .Pro2_dl .fr{width: 46.5%;} .Pro2_dl .fr h4{font-weight: bold;padding: 20px 0 0;} .Pro2_dl .fr h4,.Pro2_dl .fr h5{line-height: 2;text-align: center;color: #424242;} .Pro2_dl .fr .txt{color: #424242;line-height: 30px;padding-top: 34px;} /* 20220719新增视频中心 */ @media screen and (max-width:1600px){ .nav_pc > li{margin-left: 28px;} .w_79{width: 90%;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .maptabs{width: 80%;} } @media screen and (max-width:1400px){ .headRight a{margin-left: 20px;} .navigation-up .navigation-v3 ul li{margin-left: 30px;} .navigation-up .navigation-v3 ul li a{font-size: 16px;} .navigation-up{width: 646px;} .maptabs{width: 98%;} .his_left_ul li{line-height: 39px;} .list_history .content .his_box{padding: 0 60px;} .three_left dd a .tit{font-size: 16px;} .three_right li .info .tit{font-size: 22px;} .three_right li .info .more img{width: 40px;} .three_right li .info .txt{font-size: 15px;} } @media screen and (max-width:1366px){ .w_79{width: 97%;} .IndexTwo_box{height: 600px;} } @media screen and (max-width:1200px){ .job-list .jobbox div a:after { width: 12px; height: 15px; background-size: 30px; background-position: -16px -14px; margin-top: -7.5px; right: 3px; } /*20200917*/ .navigation-up{display: none;} .logo{position: static;} header{padding: 20px 0;} .logo img{width: 200px;} .headRight{margin-top: 11px;} .menuLine{display: inline-block;margin: 12px 20px 0 0;} .banner{padding-top: 83px;} .IndexTwo_box ul li a{width: 120px;height: 120px;} .IndexTwo_box ul li a .fz42{font-size: 30px;} .fz20{font-size: 16px;} .fz25{font-size: 22px;} .fz24{font-size: 20px;} .index_more{padding-bottom: 80px;} .indexTit{padding: 40px 0 20px;} .Pro2_ul li .fz25{font-size: 18px;} .list_application li .txt{padding: 20px 0} .list_application li{margin-bottom: 30px;} .honner_box dd .txt{padding-top: 0px;} .job_screen dl dd a,.job_screen dl dt{padding: 0 20px;} .gen_main ul li{margin-top: 30px;} .gen_tit{background-position: left center;} .netwokr_two .maptabs{margin-top: 350px;} .list_history .content .his_box dt,.list_history .content .his_box dd{width: 100%;} .list_history .content .his_box dd{padding-left: 0;float: left;} .list_history .content .his_box{padding: 0 3%;} .fz50{font-size: 40px;} .foot_nav div.fl:after{right: 40px} .n_nav2,.n_nav1{padding-top: 83px;} .banner a{padding-bottom: 60%;height: 0;} .banner-pagination{bottom: 40px;} .job-list .jobbox div a:after{width: 12px;height: 15px;background-size: 30px;background-position: -16px -14px;margin-top:-7.5px;right: 3px; } .job-list .jobbox div a:hover:after{background-position: 0 -14px;} .Pro2_TxtUl .tit i{-webkit-transform: scale(0.5);transform: scale(0.5);} .Pro2_TxtUl li.on i{-webkit-transform:rotate(-180deg) scale(0.5);transform:rotate(-180deg) scale(0.5);} /* 0719 */ .videomore a{margin: 40px auto;} .videoList li .text .time .fz16{font-size: 14px;} .videoList li .text{padding: 20px;} .videoList li .text .time{margin-top: 20px;} .videomore a{width: 160px;height: 50px;line-height: 50px;} } @media screen and (max-width:1080px){ .IndexTwo_box ul li:nth-child(5),.IndexTwo_box ul li:nth-child(1){bottom: 40.5%;} .IndexTwo_box ul li:nth-child(4),.IndexTwo_box ul li:nth-child(2){bottom: 53.2%;} .IndexTwo_box ul li:nth-child(3){bottom: 60%;} .indexTit span:before{bottom: 0;} .IndexOneUl a span.img{padding-bottom: 225px;} footer .email, footer .phone{margin-left: 2%;} .IndexOneUl a span.txt i{font-size: 20px;} .IndexTwo_box ul li a .fz42{font-size: 24px;} .three_right li .info{padding: 35px 20px 50px;} .three_right li .info .tit{font-size: 18px;} .news_two dl dt .img{padding-bottom: 180px;} .job_screen dl{margin: 0 20px;} .news_one dd .txt{margin-bottom: 20px;} .news_one dt a{padding-bottom: 315px;} .about_tit span:after, .aboutThree dl dd h5:after, .maptabs li h6:after{bottom: 14px;} .maptabs li div p{padding-left: 35px;} .aboutOneUl li .ico img { width: 80px; } } @media screen and (max-width:991px){ .culture li .iconew img { width: 58px; } .culture li .iconew { margin: 30px auto 15px; } .culture li .txt{padding-bottom: 20px;} .maptabs li div p img { width: 20px; top: 15px; } .nav_pc,.foot_nav,.n_nav1,.page a,.page_cont .fl:before, .page_cont .fr:after,.list_history .content:after,.history_box:after,.his_left_ul{display: none;} .menuLine{display: inline-block;} .headRight{margin-top: 11px;margin-left: 0;} .IndexTwo_box ul li{position: relative;bottom: 0;float: left;bottom: 0 !important;left: 0 !important} .IndexTwo_box,.page,.Pro2_TxtUl li{height: auto;padding: 40px 0;} .IndexTwo_box ul li a{background-color: rgba(0,0,0,0.5);} footer .email, footer .phone{font-size: 14px;padding-left: 50px;margin-left: 5px;} .foot_ewm{padding: 15px 2%;} .foot_search input[type=text],.foot_search input[type=text]:focus{width: calc(100% - 60px)} .three_box li:first-child{width: 100%;margin-right: 0;} .three_box li a .img{padding-bottom: 60% !important;} .three_box li{width: 100%;} .three_box li:first-child a .txt h6{font-size: 24px;} .three_box li:first-child a .txt,.three_box li a .txt{padding: 10px 4% 10px;} .index_more,.bggrayy{padding: 30px 0 50px;} .list_pro li a h5{margin: 15px 8% 32px} .n_banner{padding: 75px 0;} .fz40{font-size: 30px;} .fz25,.contPro2 .tabs li,.Pro2_tit span{font-size: 20px;} .n_banner h5,.contPro1Right h3{line-height: 40px;} .n_banner h6{line-height: 26px;} .page a.page_btn,.page a.on{display: inline-block;} .contPro1, .border{padding: 2%;} .fz30{font-size: 25px;} .contPro1Right .btn > a,.contPro2 .tabs a{padding: 0 15px;} .contPro1Right .cont_cont > div{padding-left: 58px;} .fz35{font-size: 30px;} .Pro2_TxtUl .txt{margin-left: 360px;} header,.cont_em,.cont_new_box{padding: 20px 0;} .list_application li:nth-child(4n+1),.list_application li{width: 31.9%;margin-left: 1.3%;} .list_application li:nth-child(3n+1){margin-left: 0;} .about_tit{margin-bottom: 20px;} .fz18{font-size: 16px;} .aboutOneUl,.culture{padding-top: 40px;} .culture .title{padding-bottom: 40px;} .culture li .ico{margin: 20px auto 7px;} .culture li .txt{min-height: 80px} .culture{-webkit-background-size: cover; background-size: cover;} .maptabs li{width: 100%;max-width: 465px;float: none;margin:auto;} .maptabs li:first-child{margin-bottom: 20px;} .map_swiper iframe{height: 300px;} .maptabs{margin-top: 0;} .news_one .btn.btnnext{right: 2%;left: auto} .page_cont .fr,.page_cont .fl{float: left;width: 100%;padding: 0;line-height: 40px;height: 40px;} .morgin { line-height: 40px; top: -45px;} .share .bshare-custom a{margin-right: 5px !important;} .cont_new{padding: 30px 20px;} .cont_tit,.cont_new_box{line-height: 30px;} .cont_news_gray,.pro_search,.banner{padding: 0;} .list_job .tit span, .job-list .jobbox div span{width: 25%;margin-left: 0;} .gen_main ul li,.gen_main ul li:nth-child(4n+1) {width: 49%;margin-left: 2%;} .gen_main ul li:nth-child(2n+1){margin-left: 0;} .gen_box{margin-top: 20px;} .gen_tit{padding: 25px 2%} .n_nav2{padding-top: 0;} .n_nav2 .fr{width: calc(100% - 200px);} header{position: static;} .netwokr_two .maptabs{margin-top: 130px;} .netwokr_two{-webkit-background-size: 100% auto; background-size: 100% auto;} .list_history .content .his_box dl dd h6{padding-top: 20px;} .list_history .content .his_box dl{padding: 15px;} .prev a:before{content: '上一篇:';} .next a:before{content: '下一篇:';} .history_box{margin-bottom: 0;} .indexTit span:before{bottom: -10px} .contPro1Right .share{margin-left: 0;margin-top: 7px;} .contPro1Right .share .share-wrap a{margin-right: 10px;} .hidden_recuritwrap .meta em{display: block;width: 100%;padding-left: 34px;-webkit-box-sizing: border-box; box-sizing: border-box;} .honner_box dt,.honner_box dd{width: 100%;box-sizing: border-box;} .honner_box{padding: 20px 0 0;} .banner-pagination .swiper-pagination-bullet:after{width: 15px;height: 15px;left: -4px;top: -4px;} .banner-pagination .swiper-pagination-bullet{width: 7px;height: 7px;} .page_cont .fl a, .page_cont .fr a{width: calc(100% - 65px);} .IndexTwo_box ul li:nth-child(4), .IndexTwo_box ul li:nth-child(2){transform: scale(0.8);-webkit-transform: scale(0.8);} .IndexTwo_box ul li:nth-child(5), .IndexTwo_box ul li:nth-child(1){transform: scale(0.7);-webkit-transform: scale(0.7);} .addmore{display: block;} footer .ewm > img, footer .email img, footer .phone > img { width: 30px; margin-top: 44px; } /* 0719 */ .videoList li{width: calc((100% - 25px) / 2);margin-left: 0;} .videoList li:nth-child(odd){margin-right: 25px;} } @media screen and (max-width:600px){ select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;} .three_right li .info .txt{height: auto;} .three_right li .pic em{padding-top: 55%;} .three_right li .info .tit{height: 30px;line-height: 30px;} .IndexOneUl a span.txt em{font-size: 12px;} .w_79{width: 96%;} .banner a{padding-bottom: 67%;height: 0;} .banner-pagination .swiper-pagination-bullet{margin: 0 5px;} .banner-pagination{bottom: 20px} .banner-pagination .swiper-pagination-bullet:before,.three_box li:first-child a .txt em,.n_nav2{display: none;} .select{float: none;margin: 0 auto 10px;width: 161px;} .copyright .fl{text-align: center;} .indexTit,.aboutThree dl dd{padding: 15px 0 0;} .indexTit span{line-height: 40px;} .fz42{font-size: 22px;} .IndexOneUl a,.IndexOneUl a:first-child{width: 100%;margin: 0 0 10px;} .IndexOneUl a span.img{padding-bottom: 60%;} .fz28{font-size: 15px;} .IndexTwo_box ul li{width: 20%;margin: 0 0 5px;} .IndexTwo_box ul li a{width: 60px;height: 60px;border-width: 3px;} .IndexTwo_box ul li a .fz42{font-size: 14px;line-height: 22px;} .copyright .fl{width: 100%;line-height: 26px;} .copyright,.list_pro,.Pro2_tit,.Pro2_ul li .txt,.Pro2_TxtUl li,.aboutThree dl,.news_two dl,.list_job .page,.job_screen dl,.hidden_recuritwrap .title{padding: 20px 0;} .honner_btn{padding-top: 30px;} .fz18{font-size: 15px;} .fz16,.contPro2 .tabs a,.honner_btn a,.hidden_recuritwrap .meta{font-size: 14px ;} .three_box li:first-child a .txt h6,.three_box li a .txt h6,.fz24{font-size: 16px;} .three_box li,.news_two dl:first-child,.gen_main ul li,.list_history .content .his_box:first-child{margin-top: 20px;} .swiper-container{margin: 5px 0;} .location{line-height: 50px;} footer .email img, footer .phone > img{margin-top: 15px;} .three_box li:first-child a .txt h6{line-height: 29px;max-height: 58px;white-space: normal;} .three_box li a .txt h6{max-height: 58px;height: auto;} .index_more a,.news_one dd .more,.his_down span{width: 120px;height: 30px;line-height: 30px;} .pro_search .fr,.honner_box dd{-webkit-box-sizing: border-box;box-sizing: border-box;} .pro_search .fl select{margin-bottom: 5px;} .pro_search .fl select,.pro_search .fr input[type=text],.foot_search input[type=text]{height: 45px;line-height: 45px;font-size: 14px;} .pro_search .fr input[type=submit]{margin-top: 15px;width: 20px;height: 20px;-webkit-background-size: cover;background-size: cover;} .list_pro li a h5{line-height: 24px;height: 48px;} .pro_search,.Pro2_dl dd .txt,.aboutOneUl li .year,.aboutOneUl{padding-top: 0;} .n_banner h5,.honner_box dt,.maptabs li h6,.hidden_recuritwrap{padding-bottom: 10px;} .n_banner h6{padding-top: 14px;line-height: 20px;} .n_banner p{line-height: 20px} .fz25,.three_right li .info .tit,.Pro2_TxtUl .tit span{font-size: 18px;} .fz40,.fz50{font-size: 25px ;} footer .email, footer .phone,footer .ewm{-webkit-background-size: 30px;background-size: 30px;} .foot_search input[type=submit]{position: relative;top: 10px} .contPro3 .tit span,.contPro3Swiper a h6{line-height: 40px;} .contPro1Left,.contPro1Right,.Pro2_ul li,.cont_application dt,.cont_application dd,.aboutThree dl dt,.aboutThree dl dd,.pro_search .fl, .pro_search .fr,.Pro2_dl dt,.Pro2_dl dd,.culture li,.news_two dl dt,.news_one dt,.news_one dd,.job_screen dl dt,.job_screen dl dd,.list_history .content .his_box dl,.three_left, .three_right,.three_right li{ width: 100%;} .contPro1Left .gallery-top .swiper-slide,.Pro2_dl dt,.Pro2_ul li .img{padding-bottom: 65%;} .contPro1Right h3,.culture .title{line-height: 30px;} .contPro1Right .cont_cont > div{line-height: 38px;margin-top: 0;padding-left: 0;} .contPro1Right .cont_cont > div > img{width: 30px;position: relative;top: 4px;margin-right: 10px} .contPro1Right .btn,.contPro1Right ul,.news_one dd .txt{margin-bottom: 15px;} .contPro2 .tabs li{padding: 20px 0;margin: 0 10px;font-size: 16px;} .contPro2 .tabs a{line-height: 35px;margin-top: 17px;padding: 0;width: 34px;text-indent: -999em;overflow: hidden;} .contPro2 .tabs a:after{margin-left: 0;top: 8px;left: 7px;position: absolute;} .Pro2_ul li:nth-child(2n),.news_one, .news_two{margin: 0 !important;} .contPro1Right ul li{line-height: 30px;padding-left: 25px;} .fz35,.fz30,.hidden_recuritwrap .title{font-size: 20px ;} .Pro2_TxtUl .txt,.job_screen dl{margin: 0;width: 100%} .n_banner h6{font-size: 12px;} .list_application li:nth-child(4n+1),.list_application li,.list_pro li,.list_pro li:nth-child(3n+1){width: 100%;margin-left: 0 !important;} .cont_application dt,.aboutThree dl dt,.news_two dl dt .img,.news_one dt a{padding-bottom: 57%;} .cont_application dd,.aboutThree dl dd{height: auto;} .cont_application dd .trans,.aboutThree dl dd .trans{position: static;-webkit-transform: translateY(0);transform: translateY(0);} .cont_application dd h5{margin: 20px 0 10px;} .cont_application dl{margin: 20px 0;} .cont_application dd div.txt,.aboutThree dl dd .txt{max-height: inherit;} .aboutOneUl li .ico{height: auto;line-height: inherit;padding-top: 20px;} .aboutOne,.aboutTwoTxt,.aboutThree dl dd .txt,.job_screen dl{line-height: 30px;} .about_tit{line-height: 55px;} .aboutTwo,.n_banner{padding: 40px 0} .aboutTwoUl li{padding: 0 0 0 70px;} .aboutThree dl dd h5{padding-bottom: 20px;margin-bottom: 20px;} .aboutTwoUl li:before{width: 45px;height: 45px;-webkit-background-size: 45px;background-size: 45px;} .aboutTwoUl li:nth-child(2):before{background-position: 0 -78px;} .aboutTwoUl li:nth-child(3):before{background-position:0 -155px;} .culture li,.net_swiper .txt{margin: 0 0 10px;} .news_two dl dd{width: 100%;float: left;padding: 20px 3%;-webkit-box-sizing: border-box;box-sizing: border-box;} .news_two dl dd .time,.news_one dd .time{padding: 5px 0;} .news_one dd,.about_tit p{padding-top: 20px;} .job_screen,.list_history .content .his_box dl,.max_width_img{margin-bottom: 20px;} .his_tit2{top: -50px} .list_history .content{padding-bottom: 50px;} .news_two dl:hover dt{margin-left: 0;} .IndexOneUl a:hover span.txt i{bottom: 30px} .maptabs li div p{padding-left: 42px;} .three_right li{margin-left: 0;margin-bottom: 10px;} .three_right li .info{padding: 20px} .three_right li .info .tit{margin-bottom: 0;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;height: auto;line-height: 26px;} .three_right li .info .txt{line-height: 24px;padding-top: 10px;} .three_right li .info .more{margin-top: 10px;} .three_right li .info .more img{width: 30px;} .hidden_recuritwrap .meta{padding-bottom: 40px;} /*20200927*/ .maphover,.mapitem,.mapitemen{position: inherit;height: auto;} .maphover{margin-bottom: 40px;} .mapitem,.mapitemen{width: 100%;left: 0 !important;top: 0 !important;} .mapitem .hover,.mapitemen .hover{display: block;position: inherit;width: 100%;left: 0 !important;top: 0 !important;margin: 0 !important;border:none;border-bottom: 1px solid #ddd;padding: 3px 0 10px;} .mapitem .hover dl dd,.mapitemen .hover dl dd{border-bottom: none;} .mapitem .hover dl dt img,.mapitemen .hover dl dt img{top: 12px;} .downfile{font-size: 12px;padding-right: 13px;background: #1877f2 ;} .honner_btn{margin: 0 1.5%;} .contPro1Right ul li:before{top: 12px;} .share-wrap a{margin-right: 10px;} .cont_em span{margin: 0;padding: 5px 0;display: block;} .cont_em img{top: -1px;} .share{text-align: center;padding-bottom: 15px;} .share span,.share-wrap{float: none;} .share span{margin-right: 0;} .list_job .jobbox div{margin: 0 ;padding: 10px 0;} .list_job .tit{padding: 15px 0;} .contPro1Right .btn > a:before{margin-right: 5px;} .contPro1Right .share{margin-top: 3px;} .contPro1Right .share .share-wrap a img{width: 30px;} .contPro1Right .btn > a:before{float: left;top: 2px;} .contPro1Right .btn > a{line-height: 35px;} .Pro2_TxtUl .txt{padding-left: 30px;} footer .email, footer .phone, footer .ewm{width: 100%;box-sizing: border-box;padding-left: 0;line-height: 50px;} .morgin{margin-left:-48px;} .share-wrap a,.share-wrap a:last-child{margin: 0 5px} .banner-pagination .swiper-pagination-bullet:before{display: none} .page a.page_btn{margin: 0px 10px;} .page a.page_btn img{width: 8px} .page a{font-size: 14px;line-height: 16px} .hidden_recuritwrap .meta >span{background-size: 17px} .recurit_need{max-height: inherit;} .conProBtn img{width: 10px} #dd_file{font-size: 12px} .contPro1Right .btn{padding-top: 15px;} .aboutOneUl li .ico img { width: 60px;} .aboutTwoUl li > img { width: 45px; margin-top: 0; top: 6px;} .aboutThree{padding-top: 30px;} .aboutThree dl dd h5:after{bottom: 3px;} .culture li .txt{min-height: inherit;} .news_one .btn{top: 24%;} .news_one dd .tit{font-size: 18px;} /* 1031 */ .pro_search .fl .proselect,.pro_search .fr .proselect{display: block;height: 45px;margin-bottom: 20px;} .pro_search .fl .proselect dt,.pro_search .fr .proselect dt{height: 41px;line-height: 41px;font-size: 14px;} .pro_search .fl .proselect dd,.pro_search .fr .proselect dd{top: 45px;} .list_down ul{margin: 0 0 20px;} .list_down li a em{display: none;} .list_down li i{width: calc(100% - 65px);} .list_down li span{margin-left: 0;padding-left: 32px;font-size: 12px;} .list_down li a{padding: 0 15px;line-height: 50px;} .Pro2_dl dd{height: auto;} .pro_search.pro_searchnew .w_79 > div,.pro_search.pro_searchnew .w_79 > div:nth-child(1){width: 100%;margin-bottom: 0;} .pro_search.pro_searchnew .w_79 > div.fr{margin-bottom: 20px;} .pro_search.pro_searchnew .w_79 > div:nth-child(2){margin-left: 0;} .pro_search .fl .proselect, .pro_search .fr .proselect{box-sizing: border-box;} .list_down li a:first-child{width: calc(100% - 116px);} footer .phone i{margin-top: 0;} footer .phone > img{margin-top: 20px;} footer .phone{margin-top: 20px;} /* 0719 */ .videoList li{width: 100%;margin-right: 0 !important;} .videomore a{height: 40px;line-height: 40px;} .classify-area .section .name{flex: auto;width: 100%;} .classify-area .section{flex-wrap: wrap;margin-top: 0;} .classify-area .section .name{padding: 15px 0;} .classify-area .section .list li a{padding: 0 0 0 2em;} .classify-area .section .list li{margin-right: 1em;} .video_wrap .title{margin-bottom: 10px;} .video_wrap{padding: 17px 0;} .result-tips-wrap{flex-wrap: wrap;margin-top: 18px;padding-bottom: 0;} .result-tips-wrap .tip,.Pro2_dl .fl,.Pro2_dl .fr{width: 100%;} .other-btns{position: absolute;right: 0;} .result-tips-wrap .selected-wrap{margin: 0;} .videoList li{margin-top: 18px;} .Pro2_dl .fl{padding-bottom:65%} .gen_main ul li .tit{margin: 20px 5px 0;} .mapitem .hover dl dd div{padding-left: 21px;} }