html, body {position: relative; height: 100%; overflow: hidden;} body {background: #fff; font-family:'helvetica neue', 'helvetica', 'arial', 'sans-serif'; font-size: 1.2rem; color:#000; margin: 0; padding: 0; -webkit-perspective: 1500px; perspective: 1500px; transition: .5s all} a{color: #333;} a:hover{color: #f00; text-decoration: none;} ul, li, dl, dt, dd, h1, h2, h3 ,h4 {margin: 0; padding: 0;} ul, li{list-style: none;} i,em{font-style: normal;} img{max-width: 100%;} .bg-white{background: #fff;} .bg-black{background: #000;} .bg-gray{background: #eee;} .bg-blue{background: #008ede;} @font-face { font-family: 'goomay'; /* project id 523133 */ src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); } .goomay a { font-family:"goomay" !important; font-size:12px!important; color: #eee!important; font-style:normal; font-weight: normal; text-decoration: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; text-transform: uppercase; transition: .5s all; } .icon-goomay a:before { content: "\e602"; } .goomay a:hover{/*color: rgb(0,0,0,1)!important;*/} .icon-g:before { content: "\e603"; } .fl{float: left;} .fr{float: right;} .video video{width: 100%;} .video .video-js{width: 100%; max-width: 600px; height: 300px;} #my-video-goomay{width: 90%; height: 300px;} .video-js .vjs-big-play-button{ left:50%!important; top: 50%!important; margin-left: -1.5em!important; margin-top:-0.8em!important;} #loading {width: 100%; height: 100%; position: fixed; z-index: 999; background: #ffffff; text-align: center; display: table;} #loading span { display: table-cell; vertical-align: middle;} #loading img { display: inline-block;} #page{padding-top: 0px;} @media (min-width: 992px){ .outer-page, .inner-page{ width: 100%; height: 100%; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .inner-page{ -webkit-transform-origin: 900px center; -ms-transform-origin: 900px center; transform-origin: 900px center; -webkit-perspective: 1000px; perspective: 1000px; } .off-canvas { position: absolute; top: 50px; left: 0; z-index: 800; width: 380px; height: 770px; opacity: 0; overflow: hidden; -webkit-transform: translate3d(-380px,0,1px); transform: translate3d(-380px,0,1px); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition: opacity .3s .3s,-webkit-transform .5s; transition: transform .5s,opacity .3s .3s; transition: transform .5s,opacity .3s .3s,-webkit-transform .5s; } #nav .logo{padding-left: 60px; margin: 45px 0;} #nav li {position: relative;} #nav li a{padding:5px 0px 5px 60px; margin:10px 0; transition: .5s all;} #nav li.home{background: url(/uploads/image/pshimages/icon-home.png) no-repeat 60px center;} #nav li.home a{height: 30px;} #nav li.active{} #nav li.active a{color: #e95412; border-left: 5px solid #e95412; padding-left: 55px;} #nav li a{display: block;} #nav ul{width: 50%; padding-bottom: 20px; border-right: 1px solid #dedede;} #nav li ul{width:100%; position: absolute; right: -100%; top: -50px; border:none; display: none;} #nav li ul li{} #nav li ul li a{padding-left: 30px; color: #666; transition: .5s all;} #nav li.active ul li a{border-left: none; padding-left: 30px; color: #666;} #nav li ul li a:hover{border-left: 1px solid #e95412; color:#e95412;} #topnav2>ul, #topnav3>ul{top: -10px!important;} #topnav7>ul{top: -20px!important;} .top-logo{ position: absolute; z-index: 9; left: 50px; top: 20px} .nav-active{background: #e95412;} .nav-bar { position: fixed; top: 0; left: 0; z-index: 810; width: 500px; height: 100%; background: #fbfbfb; -webkit-transform: translate3d(-430px,0,0px); transform: translate3d(-430px,0,0px); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; cursor: pointer; /*box-shadow: 0 0 5px rgba(0,0,0,.2);*/ /*border-right: 1px solid #ddd;*/ } .nav-bar div.navbar { position: fixed; top: 50%; right: 17.5px; width: 35px; margin-top: -100px; -webkit-transform: translatez(0); transform: translatez(0); transition: opacity .1s ease-out; } .nav-bar .navbar .btn-nav { width: 30px; -webkit-transform: translatez(0); transform: translatez(0); transition: opacity .1s ease-out; margin-top: 20px;margin-left: 2px; } .nav-bar i{ -webkit-transform: translatez(0); transform: translatez(0); transition: opacity .1s ease-out;} .nav-bar span { bottom: auto; display: block; margin-bottom: 5px; height: 3px; background: #e85311; border-radius: 0px; } .nav-active .nav-bar { position: absolute; z-index: 900; -webkit-transform: translate3d(-215px,0,0) rotatey(60deg); transform: translate3d(-215px,0,0) rotatey(60deg); } .nav-active .nav-bar div, .nav-active .nav-bar i{opacity: 0;} .nav-active .off-canvas { z-index: 810; opacity: 1; -webkit-transform: translatez(0); transform: translatez(0); } .nav-active .inner-page { -webkit-transform: rotatey(-20deg) translate3d(31px,0,0); transform: rotatey(-20deg) translate3d(31px,0,0); } .page-wrap{ height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-wrap .page-content{ *zoom: 1; /*overflow: hidden;*/ margin-left: 70px; min-height: 600px; color: #171717; background-color: #fff; border-left: 1px solid #ddd; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .page-wrap .sub-page-content{padding-top:60px;} } .page-50, .page-52{background: #f7f7f7;} /* #page-2 header{top:0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1);} #page-2 header nav ul>li>a{color: #333; transition: 0.5s all;} #page-2 header nav ul>li>a:hover{color: #0067b7;} #page-2 header nav ul>li>a:after{color: #333;}*/ header{ background: none; position: fixed;left:0; right: 0; top:20px; z-index: 11; height: 70px; transition: 0.5s all;} header .container-fluid{} .body-scroll header{ background:rgba(0,0,0,.6); box-shadow: 0 0 10px rgba(0,0,0,.2)!important; top:0; transition: 0.5s all;} /*.body-scroll .banner{margin-top: 80px;}*/ header .logo{width:100%; max-width: 194px; padding-top: 12px; display: block;} header .logo img{ max-height: 47px; vertical-align: middle;} header .col-lg-5 .logo img{} header nav{/*float: right;*/ } header nav ul{font-size: 0;} header nav ul>li{padding: 0px; display: inline-block; font-size: 14px; position: relative;} header nav ul>li>a{display:block; padding:0 20px; line-height: 70px; color: #333; font-size:1.5rem; color: #fff; transition: 0.5s all; background-position: center 120px; transition: 0.5s all; } header nav ul>li>a:hover:after{color: #fff;} header nav ul>li:last-child>a:after{content: "";} header nav ul>li:hover>a, header nav ul>li>a:hover, header nav ul>li.active>a, header nav ul>li>a.active{} header nav ul>li>ul{width: 100%; position: absolute; z-index: 2; padding: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); display: none;} header nav ul>li>ul>li{display: block; text-align: center;} header nav ul>li>ul>li>a{padding: 10px 5px; border-bottom: 1px solid #efefef; color: #333; line-height: 35px;} header nav ul>li>ul>li>a:hover{background: none;} nav.mm-menu_offcanvas{display: none;} .body-scroll header nav ul>li>a{/*color: #333;*/} header nav#nav-side{float:left; position: relative; padding: 0;} header nav#nav-side ul>li>a{font-size: 1.4rem; padding: 0 12px; line-height: 70px;} header nav#nav-side ul>li>a:after{content: "";} /**/ #header{width:100%; height:60px; background:#fbfbfb; position:absolute;z-index:2; top:0; /*position:fixed; z-index: 1;*/ box-shadow: 0 0 10px rgba(0,0,0,.2)} #header .logo{padding: 12px 0 0 20px; float: left; /*margin-left: 70px;*/} #header .lang-bar{position: absolute; right: 10px; top: 16px; color: rgba(0,0,0,.8);} #header .lang-bar>div{height: 25px; line-height: 25px; font-size: 1.5rem; border-radius: 8px; padding: 0 10px; cursor: pointer; } #header .lang-bar>div:before{margin-right: 10px; font-size:1.8rem;} #header .lang-bar>div:hover .lang-bar-list{transition: 0.5s all; opacity: 1;} #header .lang-bar>div i{} #header .lang-bar a i{font-size: 14px; } #header .lang-bar div.lang-bar-list{transition: 0.5s all; opacity: 0; padding-left:25px;} #header .lang-bar div.lang-bar-list a{color: rgba(0,0,0,.6); line-height: 30px;} #header .search-bar{display: inline-block; vertical-align: top; margin-top: 24px; position: relative;} #header .search-bar a{display:block; width:20px; height:20px; color: #fff; background: url(/uploads/image/pshimages/icon-search.png) no-repeat center;} #header .search-bar .search-wrap{display: none; position: absolute; right: 0; top: 30px;} #header .search-bar .search-wrap input{} #header .search-bar .search-wrap i{position: absolute; right: 7px; top: 6px; color: #333;} /**/ .banner-container{position: relative; overflow: hidden;} .banner{/*height: 100vh;*/} .banner .banner-slide{/*height:100vh; height: 960px;*/ position: relative; background-position: center top; /*background-size: 100%;*/ background-repeat: no-repeat;} .banner img{max-width: 100%;} .banner-container .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.5s} .banner-container .swiper-slide.swiper-slide-active p{transform:none;opacity:1;transition-delay:.7s} .banner-container .swiper-slide a img{width: 100%; min-height: 200px;} .banner-container .swiper-pagination-bullet{width:30px; height:4px; background: #fff; opacity: 1!important; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-family: arial; border-radius: 0;} .banner-container .swiper-pagination-bullet-active{border-radius: 0; background: #008ddd; } .banner-container >.swiper-pagination-bullets, .banner-container .swiper-pagination-custom, .banner-container .swiper-pagination-fraction{width: 100%; padding: 0 15px; max-width: 1300px; height: 30px; margin: 0 auto; top:50%; left: 50%!important; transform: translatex(-50%) translatey(-50%); transition: all .36s; text-align: center; text-indent: 0; background: none;} .banner-container .btn-slidedown{position: absolute; width: 150px; left: 50%; bottom: 60px; margin-left: -75px; z-index: 2; color: #fff; text-align: center; line-height: 40px; transition: .5s all; text-transform: uppercase;} .banner-container .btn-slidedown:hover{} .banner-container .btn-slidedown:after{content: ""; width: 1px; height: 35px; background: #e85311; position: absolute; top: 100%; left: 50%;} .about-banner .banner-slide .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1200px; margin: 0 auto; top: 35%; left: 50%; transform: translatex(-50%) translatey(-35%); transition: all .36s; text-align: left; z-index: 0;} .banner-slide .banner-txt{position: absolute; width: 80%; padding: 0 15px; max-width: 1200px; margin: 0 auto; top: 35%; left: 50%; transform: translatex(-50%) translatey(-35%); transition: all .36s; text-align: left; z-index: 0;} .banner-slide .banner-txt h2{margin: 0 0 10px 0; color: #de5318; letter-spacing: 10px; font-size: 4.5rem; transform:translatey(25px);transition:all .5s;/*text-shadow:0 0 15px rgba(0,0,0,0.4);*/ font-family: arial; font-weight: bold;} .banner-slide .banner-txt p{margin: 0; color: #333; font-size: 3rem; transform:translatey(25px);transition:all .5s;/*text-shadow:0 0 15px rgba(0,0,0,0.4)*/} .banner-container .banner-txt{position: absolute; /*/width: 100%;*/ padding: 0 15px; max-width: 1300px; margin: 0 auto; /*top: 30%; left: 50%; transform: translatex(-50%) translatey(-30%);*/ top:130px; right: 70px; transition: all .36s; text-align: center;} .banner-container .banner-txt h2{margin: 0 0 10px 0; color: #fff; font-size: 5.5rem; transform:translatey(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4); font-family: arial; font-weight: bold;} .banner-container .banner-txt p{margin: 0; color: #fff; font-size: 1.8rem; transform:translatey(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)} .banner-container .banner-txt a.more{width: 200px; height: 45px; line-height: 45px; border:2px solid rgba(255,255,255,.5); color: #fff; font-size: 1.5rem; text-align: center; margin: 155px auto 0 auto; display: block;} .banner-container .banner-txt img{max-width: 100%;} .banner-container .swiper-page{width: 100%; position: absolute; top: 50%; z-index: 9;} .banner-container .swiper-page .swiper-button{width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 100%; background: rgba(255,255,255,.3); position: absolute; transition: .5s all;} .banner-container .swiper-page .swiper-button-prev{left: 150px;} .banner-container .swiper-page .swiper-button-next{right: 150px;} .banner-container .swiper-page .swiper-button:hover{background: #e85311; color: #fff;} /**/ .container-fluid{padding: 0;} .container{margin: auto;} .col-page{padding: 50px 0; background: #fff; position: relative;} .col-pd-0{padding: 0;} .col-full{padding: 0;} .col-wrap{margin:auto;} /*.col-page .title-head{width: 258px; height: 69px; line-height: 3rem; color: #fff; text-indent: 4rem; font-size: 1.5rem; font-weight: bold; display: inline-block; position: relative; }*/ /**/ .col-about{margin:30px auto; position: relative;} .col-about .title-head{font-size: 3rem; text-align: center; margin:45px 0;} .col-about .container{} .col-about .container .content{line-height: 26px; padding: 20px 0; } .col-about .container .item{position: relative;} .col-about .cover-img{} .col-about .inner-content{ height: 100%; color: #fff; position: relative; z-index: 3} .col-about .inner-content a{padding: 45px 30px; display: block; position: absolute; left: 0; right:0; top: 0; bottom: 0; z-index: 1; color: #fff;} .col-about .inner-content .cover-bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: rgba(232,83,17,.8); opacity: 0; transition: .5s all;} .col-about .inner-content:hover .cover-bg{ opacity: 1; transition: .5s all;} .col-about .inner-content a i{position: absolute; bottom: 60px; left: 20px; opacity: 0; transition: .5s all;} .col-about .inner-content a:hover i{width: 23px; height: 11px; left: 30px; background: url(/uploads/image/pshimages/arrow.png) no-repeat; opacity: 1;} .col-about .inner-content h3{font-size: 2.2rem; position: relative; z-index: 5;} .col-about .inner-content h3:before{content: ""; width: 25px; height: 2px; background: #fff; position: absolute; top: -5px; left: 0px;} .col-about .inner-content .content{font-size: 1.5rem; position: relative; z-index: 5;} .col-about .item{padding: 0;} .col-about .inner-ctrl {overflow: hidden;} .col-about .even{margin-top: 18px;} .col-about .inner-ctrl .item .inner-content{margin-left: 18px;} /* .col-about .col-count{margin-top: 50px;} .col-about .col-count ul {font-size: 0; width: 70%;} .col-about .col-count ul li{width: 25%; display: inline-block; padding-bottom: 70px;} .col-about .col-count ul li.c1{background: url(/uploads/image/pshimages/icon-1.png) no-repeat left bottom;} .col-about .col-count ul li.c2{background: url(/uploads/image/pshimages/icon-2.png) no-repeat left bottom;} .col-about .col-count ul li.c3{background: url(/uploads/image/pshimages/icon-3.png) no-repeat left bottom;} .col-about .col-count ul li.c4{background: url(/uploads/image/pshimages/icon-4.png) no-repeat left bottom;} .col-about .col-count ul li .title{font-size: 1.4rem; margin-bottom: 0;} .col-about .col-count ul li .number{font-size: 2.8rem;} .col-about .col-count ul li .count-plus{font-size: 1rem;} */ .col-about a.more{display: block; margin-top: 80px; color: #888;} .col-about a.more:before{content:"———————"; margin-right: 10px;} .col-index-page{width:100%; min-height:600px; background: url(/uploads/image/pshimages/bg.jpg) repeat-y center top; background-size:100%; overflow: hidden; } .col-index-page .sub-title{padding: 10px 0; font-size: 14px; font-weight: normal; } /**/ .col-tech{height: 708px; margin: 120px auto 0 auto; background:#e7682f;} .col-tech-wrapper{height:708px; margin:auto;} .col-tech .container{padding:110px 0; position: relative;} .col-tech .title-head{font-size: 3rem; margin-bottom: 80px; text-align: center; color: #fff;} .col-tech .title-head span{display:block; font-size: 1.4rem; padding-top: 20px;} .col-tech .row{margin-top: 80px; position: relative;} .col-tech .line{ width:80%; height: 1px; overflow: hidden; border-top: 1px dashed rgba(255,255,255,.3); position: absolute; left: 10%; top: 53.5%;} .col-tech .item {position: relative;} .col-tech .item:last-child i{background: none;} .col-tech .item i {background: url(/uploads/image/pshimages/icon-arrow.png) no-repeat right center; position: absolute; width: 27px; height: 22px; left: 100%; top: 28%; margin-top: -10px; margin-left: -13px;} .col-tech .item a{text-align: center; color: rgba(255,255,255,.7); display: block; padding: 0 10%; transition:.5s all;} .col-tech .item .s-img{margin: auto; width: 150px; height: 150px; line-height: 150px; background: url(/uploads/image/pshimages/circle-bg.png) no-repeat center; border-radius: 100%; text-align: center; transition: .5s all;} .col-tech .item .s-title{font-size: 1.8rem; margin: 30px 0; } .col-tech .item .s-desc{font-size: 1.4rem; } .col-tech .item .s-img img{transition:.5s all;} .col-tech .item a:hover img{transform: scale(1.2,1.2); transform:rotate(360deg); -ms-transform:rotate(360deg); /* ie 9 */ -moz-transform:rotate(360deg); /* firefox */ -webkit-transform:rotate(360deg); /* safari å’œ chrome */ -o-transform:rotate(360deg); } /**/ .col-tech .item a:hover{color:rgba(255,255,255,1);} .col-news{width:100%; background: #eee;} .col-news .container{padding: 0; padding:120px 0 50px 0; position: relative;} .col-news .news-container{margin-top: 20px; padding: 20px 0; } .col-news h2{ position: relative; text-align: center; font-size: 3rem;} .col-news h2 span{color: #0846b1;} .col-news h2 a{position: absolute; right: 10px; font-size: 1.3rem; color: #888; top: 10px;} .col-news h2 a:before{content:"———————"; margin-right: 10px; font-weight: normal!important; transition: .5s all;} .col-news .swiper-slide{background: #fff; height: 460px; transition: .5s all;} .col-news .swiper-slide:hover{box-shadow: 0 0 20px rgba(0,0,0,.2)} .col-news .swiper-slide a{display: block; height: 460px; padding:20px 20px 40px 20px;} .col-news .swiper-slide a i{width: 55px; height: 55px; line-height: 55px; background: #e85311; position: absolute; right: 0; bottom: 0; text-align: center; padding-right:15px; color: #fff; font-size: 3rem; transition: .5s all;} .col-news .swiper-slide a i p{display:inline-block; opacity:0; -webkit-opacity:0; font-size:1.4rem; transition:.5s all;position: relative; right:0; margin-right:5px; transition: .5s all; position:absolute;} .col-news .swiper-slide a:hover i p{opacity:1; -webkit-opacity:1; right:45px;} .col-news .swiper-slide a:hover i{width:130px;} .col-news .swiper-slide a i:after{content:" "; color:#fff;position: absolute; top: 0; height: 55px; line-height: 55px; right: 27.5px; margin-right: -7.5px; transition:.5s all;} .col-news .swiper-slide a:hover i:after{right:25px;} .col-news .swiper-slide a i em{display:inline-block;} .col-news .swiper-page{text-align: left;} .col-news .swiper-page>div{display: inline-block;} .col-news .swiper-page .slide-button-prev, .col-news .swiper-page .slide-button-next{width: 35px; height: 35px; line-height: 35px; border-radius: 100%; text-align: center; position: absolute; background: rgba(0,0,0,.15); top:50%; margin-top:38px; z-index: 1; transition: .5s all;} .col-news .swiper-page .slide-button-prev{ left: -60px; border-bottom: 1px solid #dedede;} .col-news .swiper-page .slide-button-next{right: -60px;} .col-news .swiper-page .slide-button:hover{background: #e85311; color: #fff;} .col-news .slide-pagination{width: auto!important; position: absolute; top: 57px; left: 250px;} .col-news .slide-pagination span:before, .col-news .slide-pagination span:after{border-radius: 100%;} .col-news .slide-pagination .swiper-pagination-current{font-family:arial; font-size:16px; font-weight: bold;} .col-news .swiper-pagination-bullet{margin:10px; position: relative;z-index: 10; width: 6px; height: 6px;} .col-news .swiper-pagination-bullet:after{content:""; width: 20px; height: 20px; border-radius: 100%; z-index: 0;} .col-news .swiper-pagination-bullet-active:after{content:""; width: 20px; height: 20px; background: #52b7ef; z-index: 0; position: absolute; left: -7px; top: -7px;} .col-news .swiper-pagination-bullet-active:before{content:""; width: 6px; height: 6px; position: absolute; z-index: 8; background: #2091d0; } .col-news .news-img{overflow: hidden;} .col-news .news-img a img{transition: 0.5s all;} .col-news .news-img a:hover img{transform: scale(1.2,1.2); } .col-news .news-txt{} .col-news .news-txt .column{font-size: 1.4rem; color: #e85311;} .col-news .news-txt .title{font-size: 1.7rem; margin-top:20px; transition:.5s all; -webkit-transition:.5s all;} .col-news .news-txt .desc{color: #999; padding-top: 5px; font-size: 1.4rem;} .col-news .news-txt .date{color: #999; position: absolute; left: 25px; bottom: 27px;} .col-news .news-txt .date em{color:#666; margin-right:10px;} /**/ .col-customer{/*height:630px; background: url(/uploads/image/pshimages/customer-bg.jpg) #eee no-repeat right bottom;*/ } .col-customer .container{padding: 70px 0 50px 0;} .col-customer h2{ text-align: center; font-size: 3rem; margin-bottom: 70px;} .col-customer h2 span{font-size: 1.4rem; display: block; margin-top: 20px; color: #666;} .col-customer .swiper-wrapper{flex-wrap: wrap;} .col-customer .swiper-wrapper>div{line-height: 70px; text-align: center;} .col-customer .swiper-wrapper .news-img img{width:50%;} /**/ .col-product{ background: #eee; } .col-product .title-head{text-align: center;} .col-product .title-head em{text-align: center; font-size:2.8rem; color: rgba(255,255,255,.6);} .col-product .title-head h2{margin: 15px 0; font-size: 3.5rem; color: #fff;} .col-product .title-head p{color: rgba(255,255,255,.7); font-size: 1.5rem;} .col-product .container{overflow: hidden; } .col-product .product-container{ position: relative; padding: 0px 0 30px 0px; margin:auto;} .col-product .product-container .swiper-container{padding-top: 20px;} .col-product .swiper-slide {} .col-product .swiper-slide h3{margin-top: 185px; margin-bottom: 15px; font-size: 3.5rem;} .col-product .swiper-slide .s-content{font-size: 1.6rem; color:#666; line-height:1.8;} .col-product .product-img{position: relative;} .col-product .product-parts{position: absolute; left: 15px; right:15px; top: 0; /*display: none;*/} .animation { ;-webkit-animation:twinkling 2.1s infinite ease-in-out; animation:twinkling 2.1s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .animation2 { ;-webkit-animation:twinkling 2.1s infinite ease-in-out; animation:twinkling 2.1s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; } @-webkit-keyframes twinkling { 0% { opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1); } 50% { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); } 100% { opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1); } }@keyframes twinkling { 0% { opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1); } 50% { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); } 100% { opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1); } } .col-product .swiper-slide a.more{display: block; width: 150px; height: 40px; line-height: 40px; background: #e85311; color: #fff; text-align: center; margin-top: 40px;} .col-product .swiper-slide a i{margin-left: 10px; transition: .5s all;} /*.col-product .swiper-slide:hover .svg-container{width: 170px;}*/ .col-product .swiper-slide a div.img{display:block; overflow: hidden; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top:-16px; pointer-events:none;} .col-product .swiper-slide a img{transition: 0.5s all;} .col-product .swiper-slide a:hover i{margin-left: 20px;} .col-product .swiper-slide a:hover img{/*transform: scale(1.2,1.2); transition: 0.5s all;*/} .col-product .swiper-slide span{display: block; text-align: center; padding: 20px 0; font-size: 2.2rem; color: #2cb4ff; transition: .5s all;} .col-product .swiper-slide:hover span{color: #fff;} .col-product .swiper-slide div.content{color: rgba(255,255,255,.8); line-height: 1.7; font-size: 1.4rem; text-align: center;} .col-product .swiper-slide svg{transition: .5s all;} .col-product .swiper-slide:hover svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* ie 9 */ -moz-transform:rotate(180deg); /* firefox */ -webkit-transform:rotate(180deg); /* safari 和 chrome */ -o-transform:rotate(180deg); } .col-product .pagination-product{bottom: -4px!important;} .col-product .swiper-pagination-bullet-active{background: #e70303!important;} .col-product .swiper-page{width: 33.33%; text-align: left;position: absolute; top: 130px; right: 0; z-index: 9;} .col-product .swiper-page>div{} .col-product .swiper-page .swiper-button{width: 35px; height: 35px; line-height: 35px; display: inline-block; text-align: center; background:rgba(0,0,0,.1); border-radius: 50%; position: relative; transition: .5s all;} .col-product .swiper-page .swiper-button:hover{background: #e85311; color: #fff;} .col-product .slide-pagination{width: auto!important;} .col-product .slide-pagination .swiper-pagination-current{font-family:arial; font-size:16px; font-weight: bold;} /**/ .col-index-footer{height: 450px; position: relative; background: #eee;} .col-index-footer .mask-bg{width:100%;height:846px;background: url(/uploads/image/pshimages/footer_bg.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 9; pointer-events:none;} .col-index-footer .wrap{background: #fff; min-height: 200px; box-shadow: 0 0 15px rgba(0,0,0,.15); position: relative; z-index: 10; top: -60px;} .col-index-footer .col-md-6{padding: 0;} .item-charity{padding: 40px 46px;} .item-charity .title-head{display: inline-block;padding-right: 50px; font-size: 2.5rem;color: #0846b1; vertical-align: top;} .item-charity .title-head a{display: block; margin-top: 20px; width: 22px; height: 22px; line-height: 22px; font-size: 1.3rem; font-family: '宋体'; border-radius: 100%; background: #0846b1; color: #fff; text-align: center; transition: .5s all;} .item-charity .title-head a:hover{background: #0787ce;} .item-charity .charity{display: inline-block; border-left: 1px solid #dedede; padding-left: 50px;} .charity h3{font-size: 2.5rem; color: #0846b1; margin: 6px 0 20px 0;} .charity .charity-list{} .charity .charity-list li{border-bottom: 1px dotted #dedede; padding: 7px 0; display: block;} .charity .charity-list li a{font-size: 1.5rem;} .item-join{font-size: 0; background: #eee;} .item-join .join-img{display: inline-block; width: 53%; overflow: hidden; } .item-join .join-img img{width: 100%; transition: 0.5s all;} .item-join .join-img:hover img{transform: scale(1.2,1.2); } .item-join .join-content{display: inline-block; width: 47%; font-size: 1.5rem; vertical-align: top;} .item-join .join-content .inner-wrap{padding: 45px; overflow: hidden;} .item-join .join-content .desc{color: #888; font-size: 1.4rem; line-height: 1.7;} .item-join .join-content .title{margin-top: 40px; font-size: 2.5rem; color: #0846b1;} .item-join .join-content .title a{display: inline-block; width: 22px; height: 22px; line-height: 22px; font-size: 1.3rem; font-family: '宋体'; border-radius: 100%; background: #0846b1; color: #fff; margin-left:10px; text-align: center; vertical-align: text-bottom; transition: .5s all; } .item-join .join-content .title a:hover{background: #0787ce;} /**/ .col-about-page{ background:none; padding: 0; position: relative; } .col-service-page{padding: 50px 0 100px 0; font-size: 1.6rem; color: #444;} /* .col-sub-nav{width:405px; height: 68px; line-height: 68px; background: #eee; position: fixed; right: 20px; top: 50px; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-transform: translate3d(0px,0,2px); transform: translate3d(0px,0,2px); -webkit-transform-origin: right; } */ .col-sub-nav .container{} .col-sub-nav .col{padding: 0;} .col-sub-nav .masthead{padding-left: 50px; color: #fff;} .col-sub-nav .masthead>a{color: #fff;} .col-sub-nav .masthead i{font-size: 20px; margin-right: 10px; padding: 5px; color: #fff; background: #1480d4; border-radius: 50%; vertical-align:middle; position: relative; overflow: hidden;} .col-sub-nav .masthead i:before{position: relative; z-index: 2;} .col-sub-nav .masthead i:after{content:""; background: #06385f; width: 14px; height: 14px; z-index: 1; position: absolute; right: 3px; bottom: 0; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -moz-transform:rotate(45deg); /* firefox */ -webkit-transform:rotate(45deg); /* safari 和 chrome */ -o-transform:rotate(45deg); /* opera */ } .col-sub-nav .sub-nav-wrap{width: 55%; float: left; position: relative;} .col-sub-nav .sub-logo{padding: 0 20px; background: #fff; width: 45%; text-align: center; float: left;} .col-sub-nav .sub-nav-wrap #sub-nav{width:100%; font-size: 0; margin: 0; height: 68px; display: none} .col-sub-nav .sub-nav-wrap em{color: #333;} .col-sub-nav .sub-nav-wrap #sub-nav li{display: block; height: 68px; line-height: 68px;} .col-sub-nav .sub-nav-wrap #sub-nav li a{font-size: 1.5rem; text-align: center; color: #333; display: block; transition: .5s all; text-decoration: none;} .col-sub-nav .sub-nav-wrap #sub-nav li a:hover, .col-sub-nav .sub-nav-wrap #menu li a.current{background: #fff; color: #333;} #nav8 .sub-nav-wrap #sub-nav li{width:25%;} .col-sub-nav .sub-nav-wrap em{display: block; text-align: center; color: #333;} .col-sub-nav .sub-nav-wrap em i{margin-left: 5px;} .col-sub-nav .sub-nav-wrap menu{width:100%; margin: 0; padding:0; display: none; background: #eee; text-align: center; position: absolute; z-index: 5; border-top: 1px solid rgba(0,0,0,.1)} .col-sub-nav .sub-nav-wrap menu a{color: rgba(0,0,0,.6); display: block; line-height: 50px; border-bottom: 1px solid rgba(0,0,0,.1); transition: 0.5s all;} .col-sub-nav .sub-nav-wrap menu a:hover{color: rgba(0,0,0,.9);} .col-sub-nav .sub-nav-wrap menu .sub{ padding-left: 30px; text-align: center; } .col-sub-nav .sub-nav-wrap menu .sub a:before{content:"└─";} /*面包屑*/ .col-location{border-bottom: 1px solid #dedede; } .col-location .container{line-height: 40px;} /*关于我们*/ #about-count{position: relative; } .col-about-wrap{margin: 50px 0; padding-bottom: 370px; min-height: 600px; /*background: url(/uploads/image/pshimages/about_bg.jpg) no-repeat bottom center;*/ } .col-about-wrap .item-about-img{box-shadow: 10px 10px 5px rgba(0,0,0,.2)} .col-about-wrap .item-about-img>img{width: 100%;} .col-about-wrap .item-intro{line-height: 26px; margin-top: 180px; margin-left: 40px;} .col-about-wrap .item-intro>h2{color: #0067b7; font-size:3.5rem;} .col-about-wrap .item-intro .remark{color:#777; font-size: 1.8rem; margin-top:15px;} .col-about-wrap .col-count {margin: auto; width: 90%;} .col-about-wrap .col-count ul{font-size: 0;} .col-about-wrap .col-count li{width: 50%; display: inline-block; margin: 0; padding:25px 0; font-size: 1.5rem; vertical-align: top; } .col-about-wrap .col-count li .inner{margin:8px; padding-left:80px; color: #666;} .col-about-wrap .col-count li.c1{border-right:1px solid #dedede; border-bottom: 1px solid #dedede;} .col-about-wrap .col-count li.c2{border-bottom: 1px solid #dedede; padding-left: 36px;} .col-about-wrap .col-count li.c3{border-right:1px solid #dedede; } .col-about-wrap .col-count li.c4{padding-left: 36px;} .col-about-wrap .col-count li.c1 .inner{background: url(/uploads/image/pshimages/icon-1.png) no-repeat left center; } .col-about-wrap .col-count li.c2 .inner{background: url(/uploads/image/pshimages/icon-2.png) no-repeat left center; } .col-about-wrap .col-count li.c3 .inner{background: url(/uploads/image/pshimages/icon-3.png) no-repeat left center;} .col-about-wrap .col-count li.c4 .inner{background: url(/uploads/image/pshimages/icon-4.png) no-repeat left center;} .col-about-wrap .col-count li .count-num{font-size: 3rem; color: #222;} .col-about-wrap .col-count li p{margin: 0;} .col-about-wrap .col-count li>.title{color: #666;} .col-about-page .about-left-content{padding-right: 35px; margin-top: 39px;} .col-about-page .about-left-content h3{font-size: 1.9rem; margin-bottom: 15px; line-height: 30px; color: #222;} .col-about-page .about-right-content{padding-left: 50px;} .col-about-page .about-content{line-height: 2.4rem; color: #666; } .col-about-page .about-content p{margin: 25px 0;} /**/ .col-leader-wrap{height:708px; background: url(/uploads/image/pshimages/leader-bg.png) #e95412 no-repeat center; background-attachment: fixed;} .col-leader-wrap .container{padding: 85px 0 60px 0;} .col-leader-wrap .title-head {font-size: 3rem; text-align: center; color: #fff;} .col-leader-wrap .title-head span{color: #666; font-size: 1.5rem; display: block; margin-top: 20px; padding: 0 120px; color: rgba(255,255,255,.8); line-height: 22px;} .col-leader-wrap .sub-title{width: 150px; height: 150px; line-height: 150px; text-align: center; background: url(/uploads/image/pshimages/icon-leader.png) rgba(255,255,255,.3) no-repeat center 30px; margin: 35px auto 0 auto; border-radius: 100%; color: #fff; font-size: 1.8rem; } .col-leader-wrap .sub-title span{display: block; padding-top: 50px; line-height: 100px;} .col-leader-wrap .sub-title i{width: 10px; height: 10px; display: inline-block; border: 2px solid #fff; border-radius: 100%;position: relative; top: -62px;} .col-leader-wrap .sub-title i:before{content:""; width: 1px; height: 23px; background: #fff; position: absolute; top: 9px;} .col-leader-wrap .swiper-container{padding-top: 43px;} .col-leader-wrap .swiper-slide{text-align: center; color: #fff; position: relative;} .col-leader-wrap .swiper-slide .title{margin-bottom: 10px;} .col-leader-wrap .swiper-page{text-align: center; margin-top: 30px;} .col-leader-wrap .swiper-page .slide-button{width: 30px; height: 30px; text-align: center; line-height: 30px; background: #fff; border-radius: 100%; display:inline-block;} .col-leader-wrap .leader-line{width:71%; height:1px; margin:auto auto 40px auto; background: #fff; position: relative;} .col-leader-wrap .leader-line i{width: 10px; height: 10px; display: inline-block; border: 2px solid #fff; border-radius: 100%; position: absolute; bottom: -31px;} .col-leader-wrap .leader-line i:before{content:""; width: 1px; height: 23px; background: #fff; position: absolute; left: 2px; bottom: 7px;} .col-leader-wrap .leader-line .line-l{left: -4px;} .col-leader-wrap .leader-line .line-c{left: 50%; margin-left: -4px;} .col-leader-wrap .leader-line .line-r{right: -5px;} /**/ .col-history-wrap .container{padding: 90px 0 80px 0;} .col-history-wrap .title-head{font-size: 3.5rem; color: #222; margin-bottom: 20px; text-align: center;} .col-history-wrap .title-head span{font-size: 1.5rem; display: block; margin-top: 10px; color: #666;} .col-history-wrap .title-head i{display: block; width: 40px; height: 3px; overflow:hidden; margin: 20px auto auto; background: #e95412;} .col-history-wrap .history-slides-tab{padding: 0; margin-bottom: 55px;} .col-history-wrap .history-slides-tab li{width:33.33%; display: inline-block; padding: 5px 0 ; margin-right:15px;color: #fff; font-size: 2rem; text-align: left; cursor: pointer; } .col-history-wrap .history-container{overflow: hidden; padding: 180px 0; background: url(/uploads/image/pshimages/img-map.png) no-repeat center} .col-history-wrap .history-container .line{height: 4px; width: 100%; top: 50%; margin-top: -2px; position: absolute; background-image:linear-gradient(to right,#fc2d04 0%, #fe8303 16.66%, #fec102 33.33%, #549d04 49.98%, #047b9d 66.66%, #9d0498 83.33%, #eb1733 100%); } .col-history-wrap .history-container .swiper-slide{margin-top: 159px; padding-top: 30px; height: 163px; position: relative; } .col-history-wrap .history-container .swiper-slide.even{margin-top: 0; padding-top: 0; padding-bottom: 30px; margin-bottom: 159px; border-top: none; } .col-history-wrap .history-container .swiper-slide h3.title{width: 80px; height: 80px; line-height: 74px; font-size: 2.5rem; text-align: center; border-radius: 100%; position: absolute; left: -85px; bottom: -85px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2)} .col-history-wrap .history-container .swiper-slide.even .title{top: -85px;} .col-history-wrap .history-container .swiper-slide .svg-container{width: 50px; height: 180px; position: absolute; top:0; left: -70px;} .col-history-wrap .history-container .swiper-slide .svg-container i{width: 40px; height: 40px; position: absolute; top: -20px; left: 4px; background: #f00; border-radius: 100%; border:4px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,.2)} .col-history-wrap .history-container .even .svg-container i{top: -16px;} .col-history-wrap .history-container .s1 .svg-container i, .history-container .s7 .svg-container i{background: #fc2d04;} .col-history-wrap .history-container .s2 .svg-container i, .history-container .s8 .svg-container i{background: #fe8303;} .col-history-wrap .history-container .s3 .svg-container i, .history-container .s9 .svg-container i{background: #fec102;} .col-history-wrap .history-container .s4 .svg-container i, .history-container .s10 .svg-container i{background: #549d04;} .col-history-wrap .history-container .s5 .svg-container i, .history-container .s11 .svg-container i{background: #047b9d;} .col-history-wrap .history-container .s6 .svg-container i, .history-container .s12 .svg-container i{background: #9d0498;} .col-history-wrap .history-container .swiper-slide.even .svg-container{transform:rotate(180deg); bottom: 0; top: auto;} .col-history-wrap .history-container .s1 .title, .history-container .s7 .title{border:5px solid #fc2d04;} .col-history-wrap .history-container .s2 .title, .history-container .s8 .title{border:5px solid #fe8303;} .col-history-wrap .history-container .s3 .title, .history-container .s9 .title{border:5px solid #fec102;} .col-history-wrap .history-container .s4 .title, .history-container .s10 .title{border:5px solid #549d04;} .col-history-wrap .history-container .s5 .title, .history-container .s11 .title{border:5px solid #047b9d;} .col-history-wrap .history-container .s6 .title, .history-container .s12 .title{border:5px solid #9d0498;} .col-history-wrap .history-container .swiper-slide .content{font-size: 1.4rem; position:absolute; width:158%;} .col-history-wrap .history-container .swiper-slide.even .content{width:158%;position:absolute; top:-80px; line-height:15px;} .col-history-wrap .history-container .swiper-page{text-align: center; width: 100%; position: absolute; bottom: 15px; z-index: 9;} .col-history-wrap .history-container .swiper-page .slide-pagination{text-align: center;} .col-history-wrap .history-container .swiper-page .slide-pagination .swiper-pagination-bullet{margin: 0 2px ; width: 10px; height: 10px;} .col-history-wrap .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; } /**/ .col-video-wrap .container{ padding: 110px 0 95px 0; } .col-video-wrap .title-head{font-size: 3.5rem; margin-bottom: 50px;} .col-video-wrap .video-container{padding-bottom: 50px;} .col-video-wrap .video-container .swiper-page{text-align: center; margin-top: 20px;} .col-video-wrap .video-container .swiper-page>div{display: inline-block;} .col-video-wrap .video-container .swiper-page .slide-button{width: 30px; height: 30px; line-height: 100%; border:1px solid #dedede; border-radius: 100%; text-align: center; position: relative; box-shadow: 0 0 5px rgba(0,0,0,.1)} .col-video-wrap .video-container .swiper-page .slide-button i{margin-top: 5px;} .col-video-wrap .video-container .swiper-page .slide-pagination span{vertical-align: middle;} .col-video-wrap .video-container .swiper-page .swiper-pagination-bullet{width: 10px; height: 10px; margin: 2px;} /**/ .col-honor-wrap{height: 485px; background: url(/uploads/image/pshimages/honor-bg.jpg) no-repeat center; } .col-honor-wrap .container{padding:95px 15px;} .col-honor-wrap h3.title-head{font-size: 3rem; margin-bottom: 20px;} .col-honor-wrap ul li{padding:5px 0;} .col-honor-wrap .container a.more{ display: block; width: 238px; height: 44px; line-height: 44px; margin-top: 20px; background: #e95412; text-align: center; color: #fff; font-size: 2rem; transition: .5s all; } .col-honor-wrap .container a.more:hover{background: #f64b00;} /**/ .col-organization-wrap{padding: 80px 0;} .col-organization-wrap .title-head{padding:0px 0 40px 0px; font-size: 3.5rem; text-align: center;} .col-organization-wrap .content{} /*企业文化*/ .col-culture-page{padding-bottom:0;} .col-culture-wrap{margin: 0 auto; padding: 10px;/*background: #efefef;*/} .col-culture-wrap .title-head{font-size:3.5rem; margin: 80px 0 20px 0; text-align:center;} .col-culture-wrap .content{color: #666; padding: 0; line-height:2.5; } .col-culture-wrap .content p{line-height:2!important} .col-culture-wrap .content table{width:90%;} .col-culture-wrap .content table td{padding:0 30px; } .col-brand-story {margin-bottom:30px;} .col-brand-story .content{text-align:center;} .col-brand-story .title-head{margin-top:30px;} .col-item{margin-top:30px;} .col-item .s-item{padding:0;} .col-item .s-item .inner{padding:20px 10px; border-radius:10px; text-align:center; color:#fff; margin:0 5px;} .col-item .s-item h3{font-size:2rem; font-weight:bold; font-family:arial;} .col-item .s-item h4{font-size:1.6rem; margin:10px 0 20px 0;} .col-item .item1 .inner{background:#ea5513;} .col-item .item2 .inner{background:#ffc001;} .col-item .item3 .inner{background:#92d14f;} /**/ .col-philosophy .container{width:100%; position:relative;} .col-philosophy .title-head{color:#fff; width:100%; text-align:center; position:absolute; left:0; top:20px; z-index:2;} .col-philosophy .title-head .hexagon_1{width:200px; height:250px; margin:auto; overflow:hidden; transform:rotate(120deg)} .col-philosophy .title-head .hexagon_2{width:100%; height:100%; overflow:hidden;transform:rotate(-60deg)} .col-philosophy .title-head .hexagon_3{width:100%; height:100%; overflow:hidden;transform:rotate(-60deg); background:#e1612a; color:#fff; font-size:3.5rem; line-height:250px; text-align:center;} .col-philosophy .content {font-size:0;} .col-philosophy .content table td{text-align:left; color:#fff;} .col-philosophy .content table td h3{margin:10px 0; text-transform:uppercase; font-family:'arial black'; font-size:3.6rem;} .col-philosophy .content table td h4{margin-bottom:5px;} .col-philosophy .content table td p{margin:0; padding:0; line-height:1.5;} .col-philosophy .content li{width:25%; display:inline-block; position:relative; overflow:hidden;} .col-philosophy .content li img{width:100%; transition:.5s all;} .col-philosophy .content li:hover img{ transform:scale(1.2,1.2)} .col-philosophy .content li .inner{width:70%;height:230px; padding:25px 15px; font-size:1.6rem; line-height:1.6; position:absolute; left:50%; top:50%; margin-left:-35%; margin-top:-115px; z-index:9; transition:.5s all;} .col-philosophy .content li:hover .inner{ opacity:0;} .col-philosophy .content li .inner h4{font-size:2.2rem; color:#333; text-align:center; margin-bottom:15px;} .col-philosophy .content li .layout_mask{width:100%; height:100%; background:rgba(233,84,18,.8); position:absolute; left:0; top:100%; opacity:0; color:#fff; padding-top:45%; transition:.5s all;} .col-philosophy .content li:hover .layout_mask{background:rgba(233,84,18,.8); opacity:1; z-index:9; left:0; top:0;} .col-philosophy .content li .layout_mask .s-title{text-align:center; margin-bottom:20px; font-size:2.2rem;} .col-philosophy .content li .layout_mask .s-content{width:70%; margin:auto; font-size:1.5rem; line-height:2;} .col-social-welfare{height:748px;} .col-social-welfare .title-head{margin-top:85px; margin-left:145px; width:277px; height:243px;} .col-social-welfare .title-head div{padding-top:80px; text-align:center; color:#fff;} .col-social-welfare .title-head a{font-size:1.5rem; text-align:center; color:#fff; position:relative;} .col-social-welfare .title-head a:after{content:""; width:20px; height:1px; background:#fff; position: absolute; bottom: -8px; left: 50%; margin-left: -10px;} .col-employee-activity{padding:60px 0;} .col-employee-activity .title-head{margin:0 0 50px 0; position:relative; } .col-employee-activity .title-head a{position:absolute; right:0; font-size:1.6rem; top:10px;} .col-employee-activity .swiper-slide span{height:40px; width:100%; background:rgba(0,0,0,.5); color:#fff; opacity:1; line-height:40px; text-align:center; position:absolute; bottom:0; left:0; transition:.5s all;} .col-employee-activity .swiper-slide a{display:block; position:relative;} .col-employee-activity .swiper-slide a:hover span{height:0%; opacity:0;} .col-employee-activity .swiper-slide .layout-mask{width:100%;height:100%;background:rgba(233,84,18,.8); position:absolute; left:0; top:0; opacity:0; color:#fff; text-align:center; line-height:1500%; transition:.5s all;} .col-employee-activity .swiper-slide a:hover .layout-mask{opacity:1;} .col-employee-activity .slide-pagination{text-align:center; margin-top:30px;} .col-employee-activity .swiper-pagination-clickable .swiper-pagination-bullet{margin:0 3px; width:10px; height:10px;} .col-employee-activity .swiper-pagination-bullet-active{background:#e1612a;} /*人力资源*/ .col-recruit-wrap{} .col-recruit-wrap .title-head{font-size: 3.5rem; text-align: center; margin-bottom: 30px;} .col-recruit-wrap .recruit-container {padding: 10px 0;} .col-recruit-wrap .swiper-slide{background: #fff; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2)} .col-recruit-wrap .hide{display: none;} .col-recruit-wrap .swiper-slide span{text-align: center; display: block; padding: 10px 0;} .col-recruit-wrap .recruit-container .pagination-honor{bottom: 0px!important;} .col-recruit-wrap .recruit-container .swiper-pagination-bullet{background: #fff; opacity: .8;} .col-recruit-wrap .swiper-page{ text-align: center; margin-top: 30px; } .col-recruit-wrap .swiper-page .slide-button-prev, .col-recruit-wrap .swiper-page .slide-button-next{width: 25px; height: 25px; display: inline-block; line-height: 25px; text-align: center; border: 1px solid #ccc; border-radius: 50%;} .col-recruit-wrap .swiper-page div{display: inline-block;} .col-recruit-wrap .swiper-page .slide-pagination{width: auto!important} .col-recruit-wrap .slide-button-prev{left: 15px; } .col-recruit-wrap .slide-button-next{right: 15px; } .col-welfare{background: #eee; padding: 75px 0 218px 0;} .col-welfare .content{width:90%;} .col-welfare .content table{margin:auto; background:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc;} .col-welfare .content table td{padding:30px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .col-training{padding:60px 0 30px 0;} .col-training .content table{margin:auto; width:90%;} .col-environment{background:#eee; padding:90px 0;} .col-recruit {padding:80px 0;} .col-recruit .content ul{font-size:0;} .col-recruit .content ul li{width:33.333%; display:inline-block;} .col-recruit .content ul li a{display:block; margin:0 6px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15);} .col-recruit .content ul li.even{} .col-recruit .content ul li a .s-content{ color:#333; padding:20px 25px; font-size:1.5rem; transition:.5s all;} .col-recruit .content ul li a:hover .s-content{background:#e95412; color:#fff;} .col-recruit .content ul li .s-content h4{font-size:1.8rem; margin-bottom:5px;} /**/ .col-position{padding-top:10px;} .job-nav-list{background:#eee; height:100%; margin-top:15px;} .job-nav-list a{display:block; height:42px; line-height:42px; border-bottom:1px solid #ddd; text-indent:2em; transition:.5s all;} .job-nav-list a i{text-indent:0; margin-right:10px;} .job-nav-list a:hover, .job-nav-list a.current{background:#e95412; color:#fff;} .col-position .img-head img{width:100%; height:90px;} .job-wrap{background: #f4f4f4; overflow: hidden;} .job-wrap .container{margin: 30px auto; } .col-job{margin:0 auto;} .job-list{padding: 0;} .job-list .job-list-masthead{ padding: 0; border:none;} .job-list .col{text-align: center; position: relative;} .job-list .job-list-masthead .col{background: #e85311; padding:10px 0;border-left:1px solid #fff; color: #fff;} .job-list .job-list-masthead .col-left{border-left: none;} .job-list .job-list-masthead .col-right{border-right: none;} .job-list ul li{border:1px solid #dedede; overflow: hidden;margin: 10px 0; padding: 10px 0; transition: 0.5s all;} .job-list ul li.row{cursor: pointer;} .job-list ul li.current{background: #e85311; color: #fff;} .job-list ul li i{ position: absolute; right: 10px; font-size: 16px; color: #e85311; transition: 0.2s all} .job-list ul li.current i{color: #fff;} .job-list-content{ display: none; padding: 20px 20px 20px 60px; background: #fff; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.15)} .job-list-content .btn-apply{border: 1px solid #ddd; width: 100px; margin-top: 30px; text-align: center; z-index: 9;} .job-list-content .btn-apply a {display: block; line-height: 35px; transition: 0.5s all;} .job-list-content .btn-apply a:hover{ background: #e70303; color: #fff; } #job-form .btn-msg {width: 100%; text-align: center;} /*新闻动态*/ .col-news-page{background: #fff; padding-bottom: 80px; min-height:475px!important;height:auto!important;overflow:hidden!important;_height:475px;_overflow:visible;} .col-news-nav{width: 100%; font-size: 0; margin-bottom:50px; text-align:center;} .col-news-nav a{display: inline-block;width: 31%; height: 70px; line-height: 70px; text-align: center; background:#efefef; margin:0 1%; font-size: 2rem; transition: .5s all;} .col-news-nav a:hover, .col-news-nav a.current{background: #eb6100; color: #fff;} #nav_32 a, #nav_2 a{width:23%!important;} .col-news-page .news-container{} .col-news-page h3.title-head{height:45px; line-height:45px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 15px; font-size: 2rem;} .col-news-page h3 a{display:block; /*height:45px;*/ line-height:45px; position: absolute; right: 0; top: 0; font-size: 1.5rem;} .col-news-page .news-container .swiper-slide{background: #eee; position: relative;} .col-news-page .news-container .news-img{} .col-news-page .news-container .news-img img{width: 100%; } .col-news-page .news-container .news-txt{padding:60px 0 60px 60px; position: absolute; bottom: 0;} .col-news-page .news-container .news-txt .title{margin-bottom: 20px; color: #fff;} .col-news-page .news-container .news-txt .desc{line-height: 1.8; color: #888;} .col-news-page .news-container .news-txt .date{color: #999;} .col-news-page .news-list li{font-size: 1.5rem; /*border-bottom:1px solid #dedede;*/ display:inline-block; float:none;} .col-news-page .news-list li .s-date{color: #999;} .col-news-page .swiper-page{position: absolute; bottom: 30px; text-align: right; z-index: 9;} .col-news-page .col-staff-wrap{ margin:5px 0;} .col-staff-wrap .staff-container {font-size: 0;} .col-staff-wrap .staff-container .list{ display: inline-block; width: 28%; float: left; margin-bottom: 20px;} .col-staff-wrap .staff-container .first-item{width: 44%;} .col-staff-wrap .staff-container .first-item .inner{padding-right: 20px;} .col-staff-wrap .staff-container .even .inner{padding-left: 10px;} .col-staff-wrap .staff-container .list .inner{padding-right: 10px;} .col-staff-wrap .staff-container .list .inner .s-title{font-size: 1.5rem; text-align: center; margin: 20px 0; height: 21px; overflow:hidden;} /**/ .col-row2-wrap{margin-bottom: 20px;} .col-row2-wrap .inner a{position: relative; display: block;} .col-row2-wrap .inner .s-title{font-size: 1.5rem; padding: 10px 60px 10px 0px; font-size:1.2rem;} .col-row2-wrap .inner .s-date{position: absolute; right: 0; top: 0; padding: 10px 0; color: #999;} /**/ .col-welfare-wrap .s-title{padding: 10px 0;} /*party*/ .col-party-wrap {margin-bottom: 50px;} .col-party-wrap .title-head{height:45px; line-height:45px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 15px; font-size: 2rem;} .col-party-wrap .party-container .swiper-slide{background: #eee;} .col-party-wrap .news-txt{padding: 100px 30px 50px 30px; position: relative;} .col-party-wrap .news-txt .s-title{margin-bottom: 15px; color: #333;} .col-party-wrap .news-txt .s-desc{color: #777; line-height:1.8;} .col-party-wrap .news-txt .s-more{position: absolute; right: 30px; top: 30px;} .col-party-wrap .swiper-page{position: absolute; right: 44%; bottom: 30px; text-align: right; z-index: 9; } .col-party-wrap .swiper-page .swiper-pagination-bullet-active{background: #e95412;} .col-party-wrap .swiper-page .swiper-pagination-bullet{margin:2px;} /**/ .col-graphic-wrap .swiper-slide{border: 1px solid #dedede;} .col-graphic-wrap .swiper-slide .s-content{height: 200px; padding:20px;} .col-graphic-wrap .swiper-slide .s-content .s-title{margin:10px 0;} .col-graphic-wrap .swiper-slide .s-content .s-desc{color: #888;} .col-graphic-wrap .swiper-slide .s-content .s-date{text-align: right;} .journal-wrap{padding-right: 80px;} .youth-wrap{padding-left: 80px;} .news-list{position: relative;} .news-list>ul{font-size: 0;} .news-list>ul>li{padding: 13px 0; display: block; vertical-align: top; } .news-list>ul>li.even a{position: relative; top: 50px;} .news-list>ul>li>a{display: block; background: #fff; transition: 0.5s all;} .news-list>ul>li>a h2{font-size: 1.5rem; margin:0 0 10px 0; line-height: 1.5;} .news-list>ul>li>a .content{padding: 5px;} .news-list>ul>li>a>p{font-size: 13px; color: #666; line-height: 24px;} .news-list>ul>li>a p.news-cate{font-size: 1.2rem; display: inline-block; background: #ff6600; color: #fff; padding:5px 10px;} .news-list>ul>li>a p.news-date {color: #666; font-size: 1.5rem;} .news-list>ul>li>a p.news-date i{font-size: 1.5rem; margin-right: 10px;} .news-list>ul>li>a .img{overflow: hidden;} .news-list>ul>li>a .date{width:88px; height:88px; background:#eee; float:left; margin-right:20px; text-indent:1.5em; transition:.5s all; } .news-list>ul>li>a:hover .date{background:#e85311; } .news-list>ul>li>a:hover .date p{color:#fff;} .news-list>ul>li>a .date>p{margin:0; transition:.5s all;} .news-list>ul>li>a .date .y{font-size:1.5rem;} .news-list>ul>li>a .date .m{font-size:1.5rem; margin:0px 0;} .news-list>ul>li>a .date .d{ height:35px; line-height:35px; font-size:3.5rem; color:#e85311; margin-top:5px; transition:.5s all;} .news-list>ul>li>a img{transition: 0.5s all;} .news-list>ul>li>a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1); transition: 0.5s all;} .graphic-list>ul>li{display: block!important; overflow: hidden; border-bottom: 1px solid #ddd; padding: 20px 0;} .graphic-list>ul>li .img{width: 150px; float: left; margin-right: 20px;} .graphic-list>ul>li .content{} .graphic-list>ul>li>a h2{font-size: 1.8rem; color: #222; transition: .5s all;} .graphic-list>ul>li>a .desc{color:#888;} .graphic-list>ul>li>a:hover h2{color: #e85311;} .graphic-list>ul>li>a .news-desc{font-size: 1.5rem; line-height: 1.7; color: #666;} .graphic-list>ul>li>a p.news-date{font-size: 1.2rem; color: #999;} .img-list>ul>li>a{margin:0 25px;} .img-single>ul>li{border-bottom: 1px solid #dedede;} .page-single{padding: 30px 0;} .top-news{overflow:hidden;} .top-news-content .date{font-size:2rem; color:#e85311;} .top-news-content h3.title a{ font-size:2rem; display:block; position:relative;} .top-news-content .desc{color:#888;line-height:1.8;} .col-news-show{padding-bottom: 30px; } .c-show-title{text-align: center; padding: 30px 0 20px 0; border-bottom: 1px solid #dedede;} .c-show-title h1{font-size: 24px; margin-bottom: 8px;} .c-show-title .date{color: #999;} .c-show-content{padding: 20px 0;} .c-show-content .inner-content{padding: 30px 0;} .c-show-content .show-txt{padding: 20px 0; line-height: 24px;} .c-show-content .prev-next{text-align: center; padding: 10px 0; border-top: 1px solid #efefef;} .c-show-img{text-align: center;} /*图片*/ .picture-list{ padding: 50px 0 20px 0; } .picture-list ul{font-size: 0} .picture-list ul li{display: inline-block; width: 33.33%; min-height: 200px;} #honor ul li{width:25%;} #case li{width: 50%; position: relative; margin-bottom: 150px;} #case li>div{padding: 0 110px 0 0;} #case li.even{} #case li.even>div{padding: 0 70px 0 40px;} #case li a{margin:0;} #case li .content{background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1);width:95%; padding:30px 50px; position: absolute; bottom: -80px; right: -60px; transition: .5s all;} #case li a:hover .content{right:0; width: 100%; bottom: -140px;} #case li .s-title{text-align: left;} #case li .s-map{color: #666; font-size: 1.5rem;} #case li .s-map i{color: #0067b7; font-size: 1.5rem; margin-right: 10px;} .picture-list ul li a{margin: 15px; display: block; position: relative;background: #fff no-repeat center;} .picture-list ul li a img{ transition: 0.5s all; max-width: 100% } .picture-list ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .picture-list ul li .img{} .picture-list a{display: block; position: relative;} /*.picture-list a span{width:100%; display: block; text-align: center; font-size: 14px; padding: 10px 0;background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom:10px; }*/ .picture-list .img{overflow: hidden;} .picture-list .img p{display:block; background: #fefefe;} .picture-list .s-title { margin-top: 20px; font-size: 18px; position: relative; text-align: center;} .picture-list .s-title>span { font-size: 1.2rem; display: block;} /*技术实力*/ .col-tech-page{background: #eee; margin:50px 0 0 0; padding:0px;} .col-tech-01{background:#fff; padding-bottom:30px;} .col-tech-wrap .title-head{font-size: 3.5rem; color: #222; margin-bottom: 65px; text-align: center;} .col-tech-wrap .title-head span{font-size: 1.5rem; display: block; margin-top: 10px; color: #666;} .col-tech-wrap .tech-container{ padding-bottom: 10px; margin-bottom:10px; position: relative; } .col-tech-wrap .tech-container a{display: block; /*background: #fff; padding: 10px;*/} .col-tech-wrap .tech-container .swiper-slide{overflow: hidden; /*visibility: hidden;*/} .col-tech-wrap .tech-container .swiper-slide img{width: 100%; /*max-width: 280px;*/} .col-tech-wrap .tech-container a div{overflow: hidden;} .col-tech-wrap .tech-container a .s-title{display: block; padding: 20px 0; text-align: left; font-size: 2.5rem;font-weight: bold;} .col-tech-wrap .tech-container a .s-content{color: #888; font-size: 1.4rem; line-height:1.8;} .col-tech-wrap .tech-container a .s-content span, .col-tech-wrap .tech-container a .s-content p{font-family:simhei!important;} .col-tech-wrap .tech-container a img{transition: 0.5s all;} .col-tech-wrap .tech-container a:hover img{transform: scale(1.2,1.2); transition: 0.5s all;} .col-tech-wrap .tech-container .pagination-honor{bottom: 0px!important;} .col-tech-wrap .tech-container .swiper-pagination-bullet{background: #fff; opacity: .8;} .col-tech-wrap .gallery-top{width: 60%; float: right; /*margin-left: 15%;*/ overflow: hidden; vertical-align: top; position: relative;} .col-tech-wrap .gallery-top .swiper-wrapper{} .col-tech-wrap .gallery-thumbs{width: 40%; height: 400px; padding-top: 30px; float: left; vertical-align: top;} .col-tech-wrap .gallery-thumbs .swiper-slide{list-style: square; height:50px!important; line-height: 50px!important; border-bottom: 1px solid #dedede;} .col-tech-wrap .gallery-thumbs .swiper-slide-thumb-active{height:50px!important; line-height: 50px!important; background:#e95412; color: #fff} .col-tech-wrap .gallery-thumbs .swiper-slide>div{text-indent: 2em; cursor: pointer;} .col-tech-wrap .gallery-thumbs .swiper-slide>div i{} .col-tech-01 .swiper-page{ text-align: left; position: absolute; left:50%; bottom:0; margin-left:-37px; z-index: 10;} .col-tech-wrap .swiper-page .slide-button{/*/position: absolute; top: -50%;*/ display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #dedede; border-radius: 100%; background: rgba(255,255,255,.9); text-align: center;} .col-tech-wrap .slide-button-prev{left: 15px; } .col-tech-wrap .slide-button-next{right: 15px; } /*intelligent manufacturing*/ .col-intelligent{} .img-slides-container{overflow: hidden; padding: 50px 0;} .img-slides-tab{padding: 0; margin-bottom: 55px; font-size: 0;} .img-slides-tab li{/*width:33.33%;*/ display: inline-block; padding: 5px 0 ; color: #333; font-size:1.4rem; text-align: left; cursor: pointer;} .img-slides-tab li h3{font-size: 1.5rem; line-height: 42px;} .img-slides-tab li>div{padding: 0 5px; margin:0 10px; background: #fff; border: 1px solid #dedede; text-align: center; height: 42px; line-height: 42px;} .img-slides-tab li.flex-active>div{background: #de5318; color: #fff;} .img-slides-container .title-head{text-align: left; font-size: 2.5rem; margin-top:100px; margin-bottom: 30px; text-indent: 6px;} .img-slides .slides li{position: relative;} .img-slides .slides li .s-content{display: none; transition: .5s all;} .img-slides .slides li.flex-active-slide .s-content{display:block; position: absolute; right: -100%; bottom: 100px; z-index: 10;} .img-slides .flex-viewport{overflow: visible!important;} .img-slides .slides li i{width: 100%; height: 100%; background: #eee; position: absolute; left: 0; top: 0; transition: .5s all;} .img-slides .slides li.flex-active-slide i{background: none;} .slides-tab{position: relative; z-index: 3;} /*testing equipment*/ .col-certificate{background: #fff;} .certificate-container{padding: 0 15px!important;} .col-certificate .container{padding: 80px 0; width: 80%;} .col-certificate .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } .col-certificate .swiper-slide-active, .col-certificate .swiper-slide-duplicate-active{transform: scale(1);} .col-certificate .swiper-page{width: 100%; text-align: left; position: absolute; bottom:50%; z-index: 10;} .col-certificate .swiper-page .slide-button{position: absolute; top: -50%; display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #dedede; border-radius: 100%; background: rgba(255,255,255,.5); text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.2)} .col-certificate .slide-button-prev{left: -12px; } .col-certificate .slide-button-next{right: 18px; } /*customer*/ .col-customer-wrap{background: url(/uploads/image/pshimages/sub-customer-bg.jpg) no-repeat center top;} .col-customer-wrap .container{padding: 30px 0 150px 0;} /*集团产业*/ .col-page-wrap{} .col-industry-nav{width: 100%; font-size: 0; margin-bottom:50px;} .col-industry-nav a{display: inline-block;width: 10.5%; height: 70px; line-height: 70px; text-align: center; background:#efefef; margin:0 1%; font-size: 1.2rem; transition: .5s all;} .col-industry-nav a:hover, .col-industry-nav a.current{background: #eb6100; color: #fff;} .col-industry-page{z-index: 2;} .col-industry-company{height: 800px;} .col-industry-company .title-head{font-size: 5rem; font-weight: bold; color: #de5318;} .col-industry-company .title-head span{font-size: 1.8rem; display: block; color: #666; font-weight: normal; margin-top: 10px; position: relative;} .col-industry-company .title-head span:after{content: ""; width: 37px; height: 3px; background: #de5318; position: absolute; bottom: -10px; left: 0;} .col-industry-company .content{padding: 50px 0; color: #666;} .col-industry-company .content p{margin-bottom: 20px;} /*company introduce*/ .col-industry-product {margin:0 auto 100px auto;} .col-industry-product .title-head{margin: 50px 0;} .col-industry-product .swiper-slide .s-img{width: 86px; float: left; margin-right: 10px;} .col-industry-product .swiper-slide .s-img img{border: 1px solid #dedede;} .col-industry-product .swiper-slide .s-content h3{font-size: 1.6rem; color: #de5318; margin-bottom: 5px;} .col-industry-product .swiper-slide .s-content .desc{font-size: 1.4rem; color: #666;} .col-industry-product .swiper-slide .s-content a.more{display:block; margin-top:5px; color:#999;} .col-industry-product .swiper-page{width: 100%; text-align: center;} .col-industry-product .swiper-page .slide-button {width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 100%; display: inline-block; border:1px solid #dedede; box-shadow: 0 0 5px rgba(0,0,0,.1); margin:5px; transition: .5s all;} .col-industry-product .swiper-page .slide-button:hover{background:#de5318; color: #fff;} /*industry product*/ .col-industry-equipment{background: #eee;} .col-industry-equipment .container{padding: 60px 0 0;} .col-industry-equipment .img-slides .slides li.flex-active-slide .s-content{display:block; position: absolute; left: -100%; bottom: 100px; z-index: 10;} .col-industry-equipment .img-slides .slides li i{width: 100%; height: 100%; background: #eee; position: absolute; left: 0; top: 0; transition: .5s all;} .col-industry-equipment .img-slides .slides li.flex-active-slide i{background: none;} /*industry test equipment*/ .col-industry-production-line{margin:80px auto;} .col-industry-production-line .title-head{margin-bottom: 50px} .col-industry-production-line .swiper-page{width: 100px; position: absolute; right: 28%; bottom: 5%; z-index: 9;} .col-industry-production-line .swiper-page .slide-button{width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background:#fff; border: 1px solid #dedede; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 100%; transition: .5s all;} .col-industry-production-line .swiper-page .slide-button:hover{background: #de5318; color: #fff;} .col-industry-production-line .s-content{padding-left: 30px;} .col-industry-production-line .s-content h3{margin: 30px 0; color: #de5318;} .col-industry-production-line .s-content span.desc{color: #666; line-height: 1.8;} /**/ .col-industry-page .row-1, .col-industry-page .row-2, .col-industry-page .row-3{position: relative;} .col-industry-page .row-1 .industry-img{} .col-industry-page .row-1 .industry-txt{width:50%; background: #fff; padding: 70px 0px 90px 60px; position: absolute; right: 0; top: 80px; } .col-industry-page .row-1 .industry-txt .industry-title{color: #008ede; font-size: 2rem; margin-bottom: 30px;} .col-industry-page .row-1 .industry-txt .industry-content{font-size: 1.5rem; color: #666;} .col-industry-page .row-1 .industry-txt .industry-content h2{font-size: 2.5rem; margin-bottom: 30px; color: #333;} .col-industry-page .row-2 .industry-img{position: absolute; /*top: 170px;/*/ bottom: 60px; right: 0;} .col-industry-page .row-2 .industry-txt .industry-content{font-size: 1.4rem; line-height: 1.8; color: #666;} .col-industry-page .row-2 .industry-txt .industry-count{min-height:420px; background: #fff; padding: 50px 70px 90px 70px; margin: 100px 0 0 0; bottom: 0; left: 0;} .col-industry-page .row-2 .industry-txt .industry-count h3{font-size: 2.5rem; color: #008ede;} .col-industry-page .row-2 .industry-txt .industry-count h4{font-size: 5.5rem; color:#008ede; margin-bottom: 50px; font-family: "arial;"; font-weight:bold; } .col-industry-page .row-2 .industry-txt .industry-count ul li p{display: inline-block;} .col-industry-page .row-2 .industry-txt .industry-count ul li p:first-child{ width: 150px; padding-right: 2em; color: #666; } .col-industry-page.bg-3 {background:url(/uploads/image/pshimages/global_bg.jpg) #008ede no-repeat center;} .col-industry-page .row-3 .industry-txt .industry-title{width:92%; font-size: 2rem; color: #fff; text-align: center; margin:0 auto 50px auto;} .col-industry-page .row-3 .industry-txt .industry-content{ text-align: center; color: #fff; line-height: 1.8; } .col-industry-page .row-3 .industry-txt .industry-content p{margin: 20px} .col-industry-page .row-3 .industry-txt .industry-content ul{font-size: 0;} .col-industry-page .row-3 .industry-txt .industry-content ul li{display: inline-block; width: 50%; font-size: 1.4rem; } .col-industry-page .row-3 .industry-txt .industry-content ul li p{display: block; background: #fff; margin: 5px 10px; padding: 5px 10px; color: #888;} /*产品*/ .col-product-page{min-height: 1000px; background: url(/uploads/image/pshimages/product-bg.png) #eee no-repeat center 470px; } .col-product-parts{min-height: 1000px; background: url(/uploads/image/pshimages/product-bg.png) #fff no-repeat center 470px;} #product{margin: 160px auto;} .col-product-nav{width: 900px; font-size: 0; margin:0 auto 60px auto; text-align:center;} .col-product-nav a{display: inline-block;width: 48%; height: 70px; line-height: 70px; background:#dedede; text-align: center; margin:0 1%; font-size: 2rem; transition: .5s all;} .col-product-nav a:hover, .col-product-nav a.current{background: #eb6100; color: #fff;} .col-product-page .product-desc, .col-product-parts .product-desc{text-align: center; padding: 50px 0; font-size: 1.8rem;} .col-product-page .product-axle{width:110px; margin:auto; text-align: center; position: relative;} .col-product-page .product-axle a img, .product-parts a img{transition:.5s all;} .col-product-page .product-axle a:hover img, .product-parts a:hover img{transform:scale(1.2,1.2)} .col-product-page .product-axle .main-product img{ transform: none; opacity: .2; transition-delay: 1.7s; transition: .5s all;} .col-product-page .product-axle .product-axle-r-1{position: absolute; top: 50px; right: -240px; cursor: pointer;} .col-product-page .product-axle .product-axle-r-1 .p1 img, .col-product-page .product-axle .product-axle-r-1 .p2 img, .col-product-page .product-axle .product-axle-r-1 .p3 img, .col-product-page .product-axle .product-axle-r-1 .p4 img{position: relative; z-index: 9;} .col-product-page .product-axle .product-axle-r-1 .p1{width: 216px; position: absolute; z-index: 8; right: 0;} .col-product-page .product-axle .product-axle-r-1 .p1:before{content: ""; width: 205px; height: 205px; background: #eb6100; position: absolute; border-radius: 100%; z-index: 2; left: 18px;} .col-product-page .product-axle .product-axle-r-1 .p2{width:195px; position: absolute; top: -100px; right: -110px;z-index: 9;} .col-product-page .product-axle .product-axle-r-1 .p2:before{content: "" ;width: 194px; height: 165px; background: url(/uploads/image/pshimages/pro-bg-1.png) no-repeat; position: absolute; z-index: 2; top: -20px;left: -10px;} .col-product-page .product-axle .product-axle-r-1 .p3{width:171px; position: absolute; top: 42px; right: -178px; z-index: 9;} .col-product-page .product-axle .product-axle-r-1 .p3:before{content: "" ;width: 126px; height: 225px; background: url(/uploads/image/pshimages/pro-bg-2.png) no-repeat; position: absolute; z-index: 2; top: -50px;left: -4px;} .col-product-page .product-axle .product-axle-r-2{position: absolute; top: 560px; right: -410px; cursor: pointer;} .col-product-page .product-axle .product-axle-r-2 .p1{z-index: 8} .col-product-page .product-axle .product-axle-r-2 .p1 img, .col-product-page .product-axle .product-axle-r-2 .p2 img{position: relative; z-index: 9;} .col-product-page .product-axle .product-axle-r-2 .p1:before{content: ""; width: 220px; height: 220px; background: #facd89; position: absolute; border-radius: 100%; z-index: 2; left: 18px; top: -20px;} .col-product-page .product-axle .product-axle-r-2 .p2{width:195px; position: absolute; top: -152px; right: 12px;z-index:5;} .col-product-page .product-axle .product-axle-r-2 .p2:before{content: "" ;width: 192px; height: 174px; background: url(/uploads/image/pshimages/pro-bg-3.png) no-repeat; position: absolute; z-index: 2; top: 15px;left: -10px;} .col-product-page .product-axle .product-axle-l-1{position: absolute; top: 150px; left: -280px; cursor: pointer;} .col-product-page .product-axle .product-axle-l-1 .p1:before{content: ""; width: 220px; height: 220px; background: #d1c0a5; position: absolute; border-radius: 100%; z-index: 2; left: -5px; top: -45px;} .col-product-page .product-axle .product-axle-l-1 .p1 img, .col-product-page .product-axle .product-axle-l-1 .p2 img{position: relative;; z-index: 9; left: -2px; top: -20px;} .col-product-page .product-axle .product-axle-l-2{position: absolute; bottom: 150px; left: -350px; cursor: pointer;} .col-product-page .product-axle .product-axle-l-2 .p1:before{content: ""; width: 220px; height: 220px; background: #a58979; position: absolute; border-radius: 100%; z-index: 2; left: 48px; top: 10px;} .col-product-page .product-axle .product-axle-l-2 .p1:after{content: ""; width: 240px; height: 240px; background: #d1c9c5; position: absolute; border-radius: 100%; z-index: 1; left: 38px; top: 0;} .col-product-page .product-axle .product-axle-l-2 .p1 img, .col-product-page .product-axle .product-axle-l-1 .p2 img{position: relative;; z-index: 9; left: -85px; top: -10px;} .col-product-page .product-axle .s-title{position: relative; z-index: 9; display: inline-block;} .col-product-page .product-axle .desc{position: relative; z-index: 9; display: inline-block; margin-top: 20px; font-size: 1.5rem;} .col-product-page .product-axle .product-axle-r-1 .p1 .s-title{ top: 30px; font-size: 1.8rem; } .col-product-page .product-axle .product-axle-r-1 .p2 .s-title, .col-product-page .product-axle .product-axle-r-1 .p3 .s-title{color: #fff;} .col-product-page .product-axle .product-axle-r-2 .p1 .s-title{ top: 140px; left: -205px; font-size: 1.8rem;} .col-product-page .product-axle .product-axle-r-2 .p2 .s-title{ color: #fff; } .col-product-page .product-axle .product-axle-l-1 .p1 .s-title{ top: 110px; left: -105px; font-size: 1.8rem;} .col-product-page .product-axle .product-axle-l-2 .p1 .s-title{ width:330px; top: 50px; left: -75px; font-size: 1.8rem; } /**/ .col-product-parts .single-parts, .col-product-page .single-parts{position: absolute; left: 0; top:0; display: none; /*transition: .5s all;*/} .col-product-parts .single-parts, .col-product-page .single-parts img{width:100%; max-width: 100%;} .col-product-parts .product-parts {width: 917px; margin: auto;text-align: center; position: relative;} .col-product-parts .product-parts .main-product img{transform: none; opacity: .2; transition-delay: 1.7s; transition: .5s all; width: 100%; max-width: 100%;} .col-product-parts .product-parts .product-parts-1{position: absolute; left: -95px; bottom: -60px; } .col-product-parts .product-parts .product-parts-2{position: absolute; right: -120px; top: -20px; } .col-product-parts .product-parts .product-parts-1 .s-desc{width: 420px;} .col-product-parts .product-parts .product-parts-1, .col-product-parts .product-parts .product-parts-2{cursor: pointer;} .col-product-parts .product-parts .s-title{transition: .5s all;} .col-product-parts .product-parts .s-desc{color: #666;} .col-product-parts .product-parts .product-parts-1 .s-title{position: absolute; left: 20px; top: -10px; font-size: 2rem; } .col-product-parts .product-parts .product-parts-2 .s-title{position: absolute; right: 60px; top: -50px; font-size: 2rem; } .col-product-parts .product-parts .product-parts-2 .s-desc{width: 240px; position: relative;right: -180px;} .col-product-parts .product-parts .product-parts-1:hover .s-title, .col-product-parts .product-parts .product-parts-2:hover .s-title{color: #de5318;} .col-product-list{} .product-list{ padding: 0px 0 20px 0; margin-left:300px;} .product-list ul{font-size: 0} .product-list ul li{display: inline-block; margin:10px auto; transition: 0.5s all;} .product-list ul li a{margin: 0]a; display: block; position: relative; font-size: 1.6rem; transition: 0.5s all;background: no-repeat 70px center;} .product-list ul li a:hover{color: #e95412; transition: 0.5s all;} .product-list ul li a span{width:100%; display: block; text-align: center; font-size: 14px; padding: 15px 0;background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom:0px; } .product-list ul li .img{overflow: hidden; border:1px solid #dedede;} .product-list ul li a img{ transition: 0.5s all; width: 100%; min-height: 100px;} .product-list ul li a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);} .product-list ul li .s-title{text-align:center; padding:10px 0;} /*产品详细*/ .col-page-product-detail{} .col-page-product-detail .title-head{font-size:40px; font-weight:bold; padding-bottom:45px; border-bottom:1px solid #ddd; position:relative;} .col-page-product-detail .title-head span{font-size:16px; font-weight:normal; display:block; } .col-page-product-detail .title-head a.back{position:absolute; height:40px; line-height:40px; padding:0 30px; font-size:1.8rem; background:#e95412; text-align:center; color:#fff; right:0; top:0;} .col-page-product-detail .col-sub-nav{width: 270px; height: auto; float: left; background: none;} .col-page-product-detail .col-sub-nav .sub-nav-wrap #sub-nav li{display: block;} #sub-product-nav{background: #f3f3f3; padding: 0px; width:100%;} #sub-product-nav li {border-bottom:1px solid #fff;} #sub-product-nav li a{display: block; height: 60px; line-height: 60px; text-indent: 2em; position: relative; text-align:left; transition: .5s all;} #sub-product-nav li a:hover, #sub-product-nav li a.current{background: #e95412; color: #fff; box-shadow: -5px 5px 3px rgba(0,0,0,.1)} .col-product-detail{margin-left:300px;} .product-content{padding:20px 0;} .product-content h1{color:#e95412; font-size:2rem;margin:10px 0 20px 0} .product-content .content{width:70%; color:#666; line-height:1.8; font-size:1.6rem;} .mob_product_nav{display:none; transition:.5s all;} .cloudzoom-zoom-inside{border:1px solid #dedede!important; background:#fff!important} /**/ .product_desc{padding:80px 0;} .product_desc .clearfix{position: relative;} .product_desc .left{border:1px solid #e8e8e8;text-align: center;padding: 0} .product_desc .left img{width: 100%;height: 100%} .product_desc .right{padding: 0;padding-left: 4%;margin-top: 30px} .product_desc .right .title{font-size: 18px;color: #333} .product_desc .right .date{height: 35px;line-height: 35px} .product_desc .right .date div{margin-right:50px;float: left;font-size: 16px} .product_desc .right .date div img{margin-right: 6px;margin-top: -3px} .product_desc .tpiclist{position: absolute;bottom: 0;left: 42.5%;height: 130px;padding: 0} .product_desc .tpiclist .allbanner{margin:0 25px;overflow:hidden;} .product_desc .tpiclist .allbanner .item{width: 200px!important;margin:0 5px;float: left;cursor: pointer;} .product_desc .tpiclist .allbanner .item img{width:200px;height: 130px;border:1px solid #e8e8e8;} .product_desc .tpiclist .fa{text-align: center;cursor: pointer;display: inline-block;height: 35px;width: 25px;background-color: #efefef;color: #333;line-height: 35px} .product_desc .tpiclist .fa:hover{background-color: #1e6297;color: #fff;} .product_desc .tpiclist .fa-angle-left{position: absolute;top: 47.5px;left: 0} .product_desc .tpiclist .fa-angle-right{position: absolute;top: 47.5px;right: 0} .product_desc .prodesccontent{border-top: 1px solid #e8e8e8;padding-top:30px;} .product_desc .prodesccontent .title{font-size: 18px;color: #333} .product_desc .prodesccontent .content{margin-top: 10px;line-height: 22px;font-size: 16px} .product_desc .prenext{margin:50px 0;height: 35px;line-height: 35px} .product_desc .prenext .tobnt{margin-right: 40px;float: left;} .product_desc .prenext .pbtn{background-color: #626468;color: #fff;width: 125px;text-align: center;float: left;} .product_desc .prenext .tobnt:hover .pbtn{background-color: #1e6297} .product_desc .prenext .title{float: left;margin-left: 10px} .cloudzoom-zoom{z-index: 9;} /*产品分类*/ #catalog{width:100%; margin-bottom: 15px; padding: 0 15px; background:#eee;} #catalog .catalog_title{/*width:11%;*/} .sicatalog_head {font-size: 44px; font-weight:bold; color: #d80808; font-family: verdana,arial; height: 45px; line-height: 45px; overflow: hidden; padding-left: 30px;} .f_l {float: left;} .dashed > ul > li{ } .dashed > div > span{ height: 25px; line-height: 25px; font-weight: 600; color: #333;} .sicatalog { overflow: hidden; padding: 10px 0;} .sicatalog .dashed:first-child { border-top: none;} .sicatalog .dashed { overflow: hidden; padding: 5px 0px;} .sicatalog li { text-align: center; float: left; height: 25px; line-height: 25px; padding: 0 5px; margin: 0 10px;} .sicatalog li:hover, .sicatalog .active{ background:#e95412;} .sicatalog li:hover a, .sicatalog .active a{ color:#fff;} /**/ /*product spec*/ .spec-type{ height: 32px;line-height: 32px;margin-top:3px} .spec-item{ padding: 20px 0;} .spec-one-item{ padding:5px 0;} .spec-val{ padding-left: 0!important;} .choiceimg{ width: 42px!important; height: 42px!important; padding: 2px!important;} .border-spec{ border:1px solid #fff;} .border-spec:hover{ border:1px dotted #f40;} .border-spec-active{ border:1px dotted #f40;} .cartinvalid{ background: #f0f0f0} .choice{ padding: 0 10px;border: 1px solid #b8b7bd;cursor:pointer;float: left;margin-right: 5px;height: 32px;line-height: 32px;margin-top:3px;} .choice:hover{ border: 1px solid #ff0036;} .choice-active{border: 1px solid #ff0036;} .choice-disabled{pointer-events: none;cursor: default; opacity: 0.6;} .click-disabled{pointer-events: none;} /*招聘*/ .recruit-wrap{background: #fff; overflow: hidden;} .col-concept{margin: 30px auto 0 auto; padding: 10px; min-height:700px;/*background: #efefef;*/} .col-concept .title-head{font-size:3.5rem; margin: 120px 0 50px 0; text-align:left;} .col-concept .content{color: #666; padding: 0; line-height:2; width:45%;} .col-concept .col-full{padding: 0;} .col-concept ul{font-size: 0;} .col-concept li{display: inline-block; width: 30%; text-align: center;} .col-concept li.even{width: 40%;} .col-concept li h3{font-size:2rem; margin-bottom: 15px;} .col-concept li .s-img{border-radius: 100%; overflow: hidden;} .col-concept li.even .s-img{padding:0 20px;} .col-concept .content table {width: 100%; margin: 80px 0 50px 0;} .col-concept .content table td{padding: 0 15px;} .col-concept .content table td p{margin:0;} .col-concept .content table td h3{font-size: 1.6rem; color: #666; margin:20px 0;} .col-position{ padding: 30px 0;} .col-position .title-head{font-size:3rem; margin: 20px 0; padding: 20px 0; padding-left: 15px; border-bottom: 1px solid #dedede;} .col-position .title-head span{display: block; font-size: 1.5rem; color: #666; margin-top: 10px;} .col-position .job_list li{padding: 15px;} .col-position .job_list li .inner-wrap{background: #f5f5f5; border: 1px solid #dedede; border-radius: 5px; padding: 50px 40px; transition: 0.5s all; display: block;} .col-position .job_list li:hover .inner-wrap{ /*border: 1px solid rgb(1, 155, 255); */ box-shadow: 0 0 10px rgba(0,0,0,.2); transition: 0.5s all;} .col-position .job_list li .job-title{font-size: 20px; color: rgb(9, 92, 179);; margin: 0 0 20px 0; position: relative;} .col-position .job_list li .job-requirement{color: #666; margin-top: 40px;} .col-position .job_list li .job-date{color: #666; font-family: arial;} .col-position .job_list li .job-date i{color: #666; margin-right: 20px;} .col-position .job_list li a i{margin-top: 10px;} .col-position .job_list li a i.fa{font-size: 18px; transition: 0.5s all;} .col-position .job_list li a:hover i.fa{color: rgb(1, 155, 255); transition: 0.5s all;} .col-position .job_list li .job-title::after{width: 50px; border-bottom: 5px solid #ccc; position: absolute;} .job_form {padding:55px 0;background:#f7f7f7} .job_form h1 {font-size:2.2rem;color:#000;font-weight:bold;letter-spacing:5px;text-align:center;margin:0 0 24px} .job_form h1 p {font-size:1.4rem;color:#737373;font-weight:normal;margin:8px 0 0;letter-spacing:normal} .job_message {width:100%;max-width:980px;margin:0 auto;} .job_message li {margin:10px 0;line-height:35px;} .job_message li:after {content:'';clear:both;display:block} .job_message li span {line-height:35px;font-size:1.4rem;display:block;} .job_message li input[type="text"] {width:100%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#fff;font-size:1.4rem;} .job_message li input[type="radio"] {margin:0 0 0 15px;} .job_message li textarea {width:100%;height:120px;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#fff;font-size:1.4rem;} .job_message li input[type="text"]:hover,.job_message li textarea:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2)} .job_message li span:last-child {display:none} .job_message .sub input {display:inline-block;padding:7px 30px;font-size:1.4rem;color:#fff;background:#004585;margin:0 10px;border:0;transition:all .3s;border-radius:5px} .job_message .sub input:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2);} .job_message .code {margin:20px 0} .job_message .code span {line-height:35px;font-size:1.4rem;display:block;} .job_message .code input[type="text"] {width:25%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.2);border:0;border-radius:3px;transition:all .3s;font-size:1.4rem} /*招聘详情页*/ .col-position-page{background: #f7f7f7;} .col-position-page .container{padding: 30px 0 60px 0;} .position-title{margin-bottom: 30px;} .position-content{font-size: 14px; color: #666; margin-bottom: 30px;} .position-content h3{font-size: 18px; border-bottom: 1px solid #dedede; padding: 10px 0; margin: 10px 0; color: #333;} .position-content p, .position-content span{background: none!important; font-family:'simhei'!important;} .col-position-page .container a{display:inline-block; padding: 6px 40px; line-height: 30px; background: #0067b7; color: #fff; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: relative;} .col-position-page .container a i{color: #fff; opacity: 0; -webkit-opacity:0; -ms-opacity:0; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: absolute; left: 60%; top: 50%; margin-top: -8px;} .col-position-page .container a:hover{background: #00736e;} .col-position-page .container a:hover i{opacity: 1; -webkit-opacity:1; -ms-opacity:1; left: 80%;} /*contact begin*/ .col-contact-page{background: #fff; padding: 0;} .col-contact{height:740px; background: url(/uploads/image/pshimages/contact-map.jpg) no-repeat center;} .col-contact h2{margin-bottom: 40px;} .col-contact .container{position: relative; padding:69px 0;} .col-contact .contact-map{padding-right: 50px;padding-left: 15px} .col-contact .container .content{padding-left: 25px;} .col-contact h3.title-head{ color: #e84d0a; font-size: 3rem; height: 45px; line-height: 45px; border-left: 2px solid #e84d0a; padding-left: 30px; margin-bottom: 60px; } .col-contact h3.title-head i{margin-right: 15px;} .col-contact h4.title-head{ color: #e84d0a; height: 45px; line-height: 45px; font-size: 2.5rem; border-left: 2px solid #e84d0a; padding-left: 30px; margin-bottom: 60px; } .col-contact .container .lines{} .col-contact .container .line{width: 1px; height: 800px; background: rgba(0,0,0,.02); position: absolute; top: 0; z-index: 5;} .col-contact .container .line1{left: 0;} .col-contact .container .line2{left: 25%;} .col-contact .container .line3{left: 50%;} .col-contact .container .line4{left: 75%;} .col-contact .container .line5{right: 0%;} .col-contact .col-way .col-md-6{margin-bottom: 60px;} .col-contact .col-way .s-title{font-style: 2rem;} .col-contact .col-way .s-title img{margin-right: 10px;} .col-contact .col-way .s-content{padding-top: 40px; font-size: 1.4rem; color: #666;} .col-contact .contact-wrap{ position: absolute; background: #fff; padding: 50px; left: 0; z-index: 3; } .col-contact .contact-hotline{color: #2cb4ff; font-size: 3rem; margin: 20px 0;} .col-contact .contact-content{color: #666;} #allmap { width: 100%; height: 300px; margin-top: 30px; border: 1px solid #ccc;} #allmap img { max-width: 1070px; max-height: 468px;} #allmap label { max-width: 1070px;} .bmaplabel{height:50px; line-height:50px!important; padding:0 40px 0 60px!important;background:#fff; border:none!important;top:15px!important;left: -130px!important; font-family: simhei!important; font-size: 1.5rem!important; background: no-repeat 30px center;} .bmaplabel:before{content:"";} .baidu-map-content{ margin:0; line-height:20px; padding:2px;} .baidu-map-content img{ float:right; zoom:1; overflow:hidden; width:100px; height:100px; margin-left:3px;} .col-feedback{height: 700px; background: url(/uploads/image/pshimages/contact-bg.jpg) no-repeat center;} .col-feedback .title-head{font-size: 3.2rem;} .col-feedback .title-head span{display: block; font-size: 1.4rem; color: #666; padding-top: 10px;} .col-feedback .feedback-form ul{font-size: 0; margin-top: 50px;} .col-feedback .feedback-form li{width: 33%; margin:10px 0; display: inline-block;} .col-feedback .feedback-form li.li3{width: 100%;} .col-feedback .feedback-form li input{width:95%; height: 44px; line-height: 44px; text-indent: 1em; background: rgba(255,255,255,.7); border:1px solid #dedede; border-radius: 25px; font-size: 1.5rem;} .col-feedback .feedback-form li textarea{width:95%; height: 130px; text-indent: 1em; padding:10px 0; background: rgba(255,255,255,.7); border:1px solid #dedede; border-radius: 25px; font-size: 1.5rem;} .col-feedback .feedback-form li.verify_code{} .col-feedback .feedback-form li.verify_code input{width: 50%; margin-right: 5px;} .col-feedback .btn_message{text-align: left;} .col-feedback .btn_message .submit{background: #de5318; border-radius: 25px; border: none;} /*在线留言*/ .col-map{position: relative; z-index: 1;} .col-map .container-fluid{padding-left: 250px;} .map-bg{background: #f5f5f5; width:100%; height: 360px; position: absolute; bottom:-30px; z-index: -1;} .col-message { margin:0; padding-bottom: 80px; overflow: hidden; background: #f5f5f5;} .message {padding:100px 0 0;} .message h3 {font-size:24px;color:#000;padding:0 0 45px;text-align:center;} .your_info>div,.mess_info>div {padding:0} .your_info {border-top:1px solid #1b1b1b;border-bottom:1px solid #bfbfbf} .your_info .col-xs-4 em,.mess_info .col-xs-4 em {display:block;font-size:16px;color:#000;line-height:280px;text-align:center;} .your_info .message_list0 {padding:54px 45px 0 0;} .your_info .message_list0 li {float:left;width:49%;height:46px;margin:0 0 17px;position:relative} .your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:14px;color:#333} .your_info .message_list0 li select {padding:0 35px;position:relative} .your_info .message_list0 li.li1:before {content:'';background: 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0} .your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:2%;} .your_info .message_list0 li.li4 {width:100%;margin:0} .mess_info {border-bottom:1px solid #1b1b1b;} .mess_info .col-xs-4 em {line-height:365px;} .mess_info .message_list1 {padding:55px 45px 0 0;} .mess_info .message_list1 li {margin: 0 0 15px;} .mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:14px;color:#333} .mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:14px;color:#333} .mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:14px;color:#333} .mess_info .message_list1 li.verify_code span {color:red;font-size:14px;padding:0 10px;} .mess_info .message_list1 li.verify_code a {font-size:14px;color:#c7c7c7;text-decoration:underline;padding-left:20px} .btn_message {text-align:center;margin:68px 0 0} .btn_message input {width:172px;height:47px;border:1px solid #dcdcdc;font-size:14px;color:#575757;background:none;margin:0 8px;transition:all .3s} .btn_message input:first-child {background:#0061ae;color:#fff;border-color:#0061ae} /*分页*/ .page{margin:20px 0; text-align: center;} .page .pagination>.active>a, .page .pagination>.active>a:focus, .page .pagination>.active>a:hover, .page .pagination>.active>span, .page .pagination>.active>span:focus, .page .pagination>.active>span:hover{background: #e85311; border-color: #e85311;} /**/ #gototop{ display: none; z-index: 299; position: fixed; width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.5); font-size: 20px; line-height: 36px; text-align: center; color: #fff; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px;} #gototop:hover{ background-color: #0067b7;} .customer-service{ z-index: 299; position: fixed; font-size: 20px; line-height: 40px; text-align: center; color: #fff; top: auto; left: auto; right: 30px; bottom: 90px;} .customer-service li{ width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.7); cursor: pointer; border-radius: 2px; margin-bottom: 10px; } .customer-service li a{ color: #fff;} .customer-service li:hover{ background-color: #e70303 !important;} /**/ footer{ background: #eee; padding:60px 0 0; color: rgba(255,255,255,.5); position: relative; z-index: 2} #page-4 footer{} footer .col-footer-nav{} footer .container{position: relative; text-align: right;} footer .container-fluid{padding: 0 15px;} footer .footer-nav{font-size: 0;} footer .footer-nav dl {display: inline-block; margin: 0; width: 12%; font-size: 1.5rem; vertical-align: top;} footer .footer-nav dl dt{padding-bottom:20px; margin-bottom: 10px; position: relative; text-align: left;} footer .footer-nav dl dt:after{content: ""; width: 20px; height: 1px; background: #ccc; overflow: hidden; position: absolute; bottom: 3px; left: 0;} footer .footer-nav dl dd{margin-bottom: 10px; text-align: left;} footer .footer-nav dl dd a{color: #666; font-size:12px;} footer .footer-logo{ /*position: absolute; left: 0; top: 0;*/ } footer .container{color: rgba(255,255,255,.8);} footer .footer-nav li{display: inline-block; line-height: 35px;} footer .footer-nav li a{color: rgba(255,255,255,.8); padding: 0 30px;} footer .col-copyright{padding: 20px 0; text-align: left; margin-top: 20px; } footer .footer-contact{padding: 10px 30px 10px 0; text-align: left;} footer .footer-contact, footer .footer-contact a{font-size: 1.2rem; color: rgba(0,0,0,.6);} footer .footer-contact li{padding:5px 0;} footer .footer-qrcode{position:absolute; right: 10px; top:60px; text-align: center; padding-top: 0px; font-size: 1.3rem;} footer .footer-qrcode img{max-width: 100px;} footer .footer-qrcode span{display: block; color: rgba(0,0,0,.5); padding-top: 5px;} footer .footer-copyright{font-size:1.4rem; text-align: left; padding: 0; text-transform: uppercase;color: rgba(0,0,0,.5);} footer .footer-power, footer .footer-power a{color: #eee; text-align: left;} .fancybox-active {} @media (min-width: 1200px){ .container { width: 1115px; } } @media (max-width: 1600px){ .col-news .swiper-page .slide-button-prev{ left: 0px;} .col-news .swiper-page .slide-button-next{right: 0px;} } @media (max-width: 1230px){ /*.container{width: 1115px;}*/ } @media (max-width: 1320px){ header .container-fluid{position: relative;} header .col-md-8{width: 71%;} header .col-lang{width: 145px; position: absolute; right: 10px; } .col-history-wrap .history-slides .slides-single ul{width: 60%;} .col-history-wrap .history-slides .slides-single .slides-img-container{width: 40%; } .col-product-parts .product-parts{width: 100%;} footer .container{} } @media (max-width: 1200px){ #about-count{position: relative; margin-top: -300px;} } @media screen and (min-width: 992px) and (max-width: 1200px) { header nav ul>li>a{padding: 0 15px;} header .col-md-8{padding: 0;} .col-sub-nav menu div{margin:0 3px;} /**/ .col-about .container{padding: 65px;} .col-about .about-nav-container{margin:0 40px;} .col-index-main .col-index-main-about .col-inner{padding: 45px 40px;} .col-index-main .col-index-main-about .col-inner .col-txt{padding-right: 30px;} .col-index-main .col-index-main-about .col-inner .col-count{padding-left: 30px;} .col-index-main .col-index-main-news>div .news-content a{font-size: 1.5rem;} } @media (max-width: 1066px){ header nav ul>li>a{padding: 0 10px;} } @media screen and (max-width: 992px) { html{font-size: 55%;} body,html{overflow: auto; height: auto;} body{-webkit-perspective: 1500px; perspective: none;} .outer-page, .inner-page{ transition: all .5s; -webkit-transform-style: normal; transform-style: normal; } .page-wrap{overflow: auto;} #page{padding-top:0;} .nav-bar{display: none;} #nav{display: none;} .page-wrap .page-content{margin-left: 0;} #header .lang-bar{right: 60px;} #header{width:100%; height: 55px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); position: fixed; z-index: 10;} #header .logo{padding-left: 10px;} #header a.mm_btn {background: center center no-repeat #e85311;display: block;width: 55px;height: 55px;position: absolute;top: -1px;right: 0; z-index: 2; padding: 12.5px; } #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translatez(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);} #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translatez(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translatez(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;} #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px; /*transition: transform .2s ease .2s; -webkit-transition: -webkit-transform .2s ease .2s;*/ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);} #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;} #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);} #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;} #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);} #header .mm_btn.is_active .menu_bar_item.bottom { transform: translatez(0) rotate(-45deg); -webkit-transform: translatez(0) rotate(-45deg);} #header .mm_btn.is_active .menu_bar_item { transform: translatez(0) rotate(45deg); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translatez(0) rotate(45deg); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; } /*菜单弹出方向*/ .mm-menu_offcanvas{left: auto!important;} .mm-menu{right: 0!important;} .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{ -webkit-transform: translate(-80vw,0)!important; -ms-transform: translate(-80vw,0)!important; transform: translate(-80vw,0)!important; -webkit-transform: translate3d(-80vw,0,0)!important; transform: translate3d(-80vw,0,0)!important; } .mm-wrapper_opened .mm-menu_fx-menu-slide { -webkit-transform: translate(0,0)!important; -ms-transform: translate(0,0)!important; transform: translate(0,0)!important; -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; } /**/ #menu{color:rgba(0,0,0,.8);;} #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);} #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);} #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;} #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);} #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); } #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);} #menu .mm-listitem a{font-size: 16px;} .col-sub-nav{text-align: center;} .col-sub-nav menu div{margin:0 3px;} .col-product .product-container .swiper-slide .row{margin:0;} .col-product .swiper-slide h3{margin-top:0px } .col-about .inner-content a{padding: 25px 10px} .col-about .inner-content .content p{margin:0; line-height: 22px;} .col-product{margin:0 0 65px 0;} .col-product .swiper-page{width:100%;top:40%;} .col-product .swiper-page .swiper-button{position:absolute; } .col-product .swiper-page .slide-button-prev{left:0;} .col-product .swiper-page .slide-button-next{right:0;} .col-tech .container{padding: 50px 15px;} .col-tech .item {margin-bottom: 20px;} .col-tech .line{display: none;} .col-tech .item:nth-child(4) i{display: none;} .banner, .banner-container{margin-top:55px;} .banner-container .btn-slidedown{display:none;} /*index*/ #about-count{margin-top: 0;} .col-about-wrap .col-count li {width: 50%;} .col-about-wrap .col-count li .inner{color: #333; padding: 20px 0px 20px 80px;} .col-about-wrap .col-count li.c2, .col-about-wrap .col-count li.c4{padding-left: 25px;} .col-about-page .about-left-content{padding-right:0} .col-about-page .about-right-content{padding-left:0;} .col-about .col-count ul{width: 100%;} .col-news .container{padding: 50px;} .col-news .slide-pagination{top: 55px;} .col-about-wrap .col-count{width: 100%; margin-bottom: 30px;} .col-history-wrap .history-slides .slides-single ul{width: 90%;} .col-history-wrap .history-slides .slides-single .slides-img-container{width: 40%; display: none;} .col-industry-page{padding: 50px 0} .col-industry-nav{position: relative; background: #fff; z-index: 3; margin-top: 30px;} .col-industry-nav a{width:23%; margin-bottom:10px;} .col-industry-nav .container{padding: 0;} .col-industry-nav ul{position: relative; margin-top: 0; text-align: left;} .col-industry-nav ul li{margin-bottom: 20px; width: 50%;} .col-industry-nav ul li a{border: 1px solid #ddd; color: #333; padding: 30px 10px;} .col-industry-nav ul li a:hover, .col-industry-nav ul li a.current{color: #fff;} .col-industry-page .row-1 .industry-txt{position: relative; width: 100%; top:20px; padding: 50px 0px 0px 0px;} .col-industry-page .row-2 .industry-img{position: relative; right: 0;} .col-industry-page .row-3 .industry-txt .industry-content ul li{width: 100%;} .col-industry-page .row-2 .industry-txt .industry-count{margin-top: 20px; padding: 50px 20px 40px 20px;} .col-industry-production-line .swiper-page{position: static; width: 100%; margin-top:20px; text-align: center;} .col-industry-equipment .container{padding:0;} .img-slides-container .title-head{margin-top:0px;} .col-industry-product .title-head{margin-top:50px;} .col-industry-production-line{margin-bottom:0;} .production-line-container{padding-bottom:5px!important;} #honor ul li{width:50%;} /**/ .col-social-welfare{background-size: 147%!important; height:auto; min-height:300px; position:relative;} .col-social-welfare .title-head{position:absolute; width:172px; height:172px; margin:0; top:-42px; left:17%;} .col-item .s-item{margin-bottom:10px;} .col-philosophy .content li{width:50%;} .col-industry-company{height:700px;} .col-news-page{padding-top:0;} .col-news-page .container{width: 100%;} .col-news-page .col-sub-nav{float: none; width: 100%; height: 78px; line-height: 78px;} .col-news-page .col-sub-nav .title-head{display: none;} .col-news-page h3.title-head{margin: 10px;} #sub-news-nav{background: #0846b1; padding: 0; font-size: 0; height: 78px;} #sub-news-nav li{display: inline-block; width: 25%; height: 78px; line-height: 78px; padding-bottom: 0;} #sub-news-nav li a{font-size: 1.6rem; height: 78px; line-height: 78px; color: #fff;} #sub-news-nav li a:after{display: none;} #sub-news-nav li a:hover, #sub-news-nav li a.current{background: #fff; color: #333; box-shadow: none;} .news-list{margin-right: 0;} .col-staff-wrap .staff-container .list{margin-bottom: 0;} /**/ .col-product-parts{min-height:500px;} .col-product-nav{width:100%;} #product{margin:0;} .col-product-page .product-desc, .col-product-parts .product-desc{padding:20px 0;} .product-axle, .product-parts{display:none;} .col-page-product-detail .col-sub-nav{width:100%; float:none;} .product-list{margin-left:0;} .product-list ul li{width: 50%; min-height: auto} #sub-product-nav{padding: 0; font-size: 0; text-align:left;} #sub-product-nav li{display: inline-block; width: 25%; height: 60px; line-height: 60px; padding-bottom: 0;} #sub-product-nav li a{font-size: 1.6rem; height: 60px; line-height: 60px; color: #333; text-indent:0; text-align:center; transition:.5s all;} #sub-product-nav li a:after{display: none;} #sub-product-nav li a:hover, #sub-product-nav li a.current{box-shadow: none; color:#fff;} .col-product-detail{margin-left: 0; margin-top:50px;} .mob_product_nav{ font-size:0; display:block;} .mob_product_nav li{width:48%; margin:1%; display:inline-block; text-align:center;} .mob_product_nav li span{display:block; padding:5px 0; text-align:center; font-size:1.6rem;} .mob_product_nav li .s-img{border:1px solid #dedede; background:#fff; width:100%; height:230px; padding:20px; display: flex; vertical-align:middle; text-align:center; transition:.5s all;} .mob_product_nav li .s-img img{margin:auto;} /**/ .col-tech-wrap .gallery-top{width:100%;} .col-tech-wrap .gallery-thumbs{width:100%} #party1 .row{margin:0;} /*招聘*/ .col-recruit .recruit-info{border-right: 5px solid #ffb7b7; border-radius:10px; margin-bottom: 20px;} .col-recruit .recruit-img{text-align: center;} .job-list-content{padding: 20px;} /*联系我们*/ .col-contact{height:auto;} .col-contact .contact-info ul li{width: 50%; border-bottom: 1px solid rgba(255,255,255,.1) } .col-contact .contact-info ul li:nth-child(3), .col-contact .contact-info ul li:nth-child(4){border: none;} .col-message .message-wrap ul{width: 90%;} .col-message .message-wrap ul li .col{padding: 0;} .col-message .btn-msg{width: 100%;} /**/ footer .footer-logo{position: relative; text-align: left; margin-bottom: 30px;} footer .footer-nav{padding-left: 0; padding-bottom: 5px; text-align: left; display:none;} footer .footer-nav dl{width: 12.5%;} footer .footer-nav dl dd{display: none;} } @media (max-width: 768px){ .col-about .col-md-4{margin-bottom: 18px;} .col-about .col-md-4 .inner-content{margin:0 18px;} .col-about .inner-ctrl{padding-right: 18px;} .col-about-wrap .col-count li .inner{padding:20px 0px 20px 80px;} .col-culture-wrap .content table{margin:auto;} .col-culture-wrap .content table td{display:block; width:100%;} .col-culture-wrap .content img{margin-bottom:20px;} } @media (max-width: 640px){ .banner-container .swiper-page .swiper-button-prev{left:25px;} .banner-container .swiper-page .swiper-button-next{right:25px;} .banner-container .banner-txt{width:100%; right:50%; top:0; margin-right:-50%;} .banner-container .banner-txt h2{margin-bottom:0;} .banner-container .banner-txt h2 img{width:70%;} .banner-container .banner-txt p img{width:30%;} .about-banner .banner-slide .banner-txt{top: 25%; left: 50%; transform: translatex(-50%) translatey(-25%);} .banner-slide .banner-txt h2{font-size:3.5rem; letter-spacing:3px;} .col-product .swiper-page{position:absolute; top:30%;} .col-about .container{padding:80px 20px 0px 20px;} .col-leader-wrap .leader-message .content{margin-left: 0; padding: 30px;} .col-leader-wrap .title-head span{padding:0 50px;} .col-tech .row{margin-top:30px; } .col-tech .item .s-img{width: 120px; height: 120px; line-height: 120px;} .col-tech .item .s-title{margin: 20px 0;} .col-feedback .feedback-form li{width:100%;} .col-tech{margin-top:20px;} .col-concept{background-position:58%!important} .col-concept .title-head{margin-top:20px;} .col-concept .content{width:80%;} .col-welfare .content{width:100%;} .col-welfare .content table {margin:auto;} .col-social-welfare .title-head{ font-size:3rem; left:16%;} .col-welfare .content table td{width:50%; float:left;} .col-recruit .content ul li{width:100%; margin-bottom:20px;} .col-recruit .content ul li img{width:100%;} .col-culture-wrap .title-head{margin-top:0;} } @media (min-width: 550px){ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { -webkit-transform: translate(-440px,0)!important; -ms-transform: translate(-440px,0)!important; transform: translate(-440px,0)!important; -webkit-transform: translate3d(-440px,0,0)!important; transform: translate3d(-440px,0,0)!important; } } @media (max-width: 550px){ .col-news h2 a:before{content: "———"; } .col-about-wrap .col-count li .count-num{font-size: 3rem;} .col-product-category a h3{top:50%;} .product-content .content{width:100%;} .col-social-welfare .title-head{ font-size:2.5rem; top:-25px; left:14%;} } @media (max-width: 500px){ #header .logo img{width:80%;} #header .lang-bar>div{padding:0;} #header .lang-bar>div:before{margin-right:2px;} .banner-container .swiper-page .swiper-button-prev{left:15px;} .banner-container .swiper-page .swiper-button-next{right:15px;} .about-banner .banner-slide .banner-txt{top: 15%; left: 50%; transform: translatex(-50%) translatey(-15%);} .banner-slide .banner-txt h2{font-size:3rem; letter-spacing:3px; margin-bottom:5px;} .banner-slide .banner-txt p{font-size:2rem;} .col-about .container{padding:40px 20px 0px 20px;} .col-about .about-remarks{width: 100%; font-size: 2rem;} .col-about .col-count ul li{width: 50%; margin-bottom: 40px;} .col-about a.more{margin-top: 20px;} .col-about .inner-content .content p{} .col-culture-wrap .content table {width:100%;} .col-culture-wrap .content table td{padding:0;} .col-news{bottom: 30px;} .col-news .slide-pagination{left:210px;} .col-news .swiper-pagination-bullet{margin:7px;} .col-news h2 a{right: 0px;} .col-news h2 a:before{content: ""; } .col-about-wrap .col-count li {padding:10px 0;} .col-about-wrap .col-count li .count-num{font-size: 2.5rem;} .col-about-wrap .col-count li .inner{padding-left:60px;} .col-industry-nav ul li{margin-bottom: 10px; width: 100%;} .col-industry-nav ul li a{padding: 10px; } .col-industry-nav ul li a p{ margin: 0; } .col-product{margin-bottom:0;} .col-about .container .item{width:100%!important; margin-bottom:18px;} .col-about .cover-img img{width:100%!important} .col-about .even{margin-top:0;} .col-about .title-head{margin-top:0; margin-bottom:30px;} .col-about .container{padding-top:0;} .col-tech-wrap .title-head{margin-bottom:15px;} .img-slides-tab li{width:50%;} } @media (max-width: 415px){ .col-social-welfare .title-head{ font-size:2rem; top:0px; left:8%;} } @media (max-width: 400px){ .col-about a.more{margin-top: 10px;} .col-news{bottom: 10px;} .col-about-wrap .col-count li .count-num{font-size: 2rem;} .col-about-wrap .col-count li.c2, .col-about-wrap .col-count li.c4{padding-left:15px;} .img-slides-tab li{width:50%;} .mob_product_nav li .s-img{height:180px;} .col-employee-activity{padding-bottom:20px;} .col-social-welfare .title-head{ font-size:2rem; top:2px; left:7%;} } @media (max-width: 321px){ #header .logo img { width: 65%; } .col-social-welfare .title-head{ font-size:1.5rem; top:10px; left:3%;} }