@charset "utf-8"; @media (max-width: 640px) { .pbanner { display: none; } .mbbanner { display: block; } .inside-focus{margin-top:50px;} } @media (max-width: 780px) { #warpper { display: block !important; } .header { display: none; } } @media (min-width: 781px) { #warpper { display: none; } .header { display: block !important; } } /*/*澶撮儴鏍峰紡寮€濮?------------------*/ .header { width: 100%; position: relative; top: 0; left: 0; z-index: 10; } .header-see { margin-top: 40px; } .header-see .nav-btn { width: 48px; display: block; height: 50px; background: no-repeat; } .header-show { width: 100%; background-color: #fff; position: relative; /*display: none;*/ z-index: 2; } .header-show .blogo { padding-bottom: 15px; padding-top: 35px; width:20%; } .header-show .blogo img { width: 100%; } .header-show .headerr { width:80%; padding-top: 26px; text-align: right; } .headerr-top { display: inline-block; } .headerr-top span { font-size: 12px; color: #868686; display: inline-block; margin-left: 10px; margin-right: 8px; vertical-align: middle; } .headerr-top a { font-size: 12px; font-family:"寰蒋闆呴粦"; display: inline-block; padding-left: 20px; vertical-align: middle; background: no-repeat; } .headerr-top a.jingxiao { background-position: left top; } .headerr-top a.dingyue { background-position: left center; } .headerr-top a.fuwu { background-position: left bottom; } .headerr-down { padding-top: 20px; } .pnav { width: 100%; } .pnav li { display: inline-block; margin-left: 3%; } .pnav li a { color: #333; font-family:"寰蒋闆呴粦"; font-size:18px; } .pnav li a:hover { color: #b28853; } .pnav li a.head { padding-bottom: 20px; display: inline-block; border-bottom: 2px solid #fff; } .pnav li a.head:hover, .pnav li.li-on a.head { border-bottom: 2px solid #b28853; } .pnav .body { position: absolute; height: 48px; top:102px; background: rgba(255, 255, 255, .7); width: 100%; left: 0; line-height: 48px; z-index: 1; } .pnav .body a:hover { color: #b28853; } .pnav .body { display: none; text-align: left; } .pnav .body a { margin-right: 20px; display: inline-block; } .pnav .body .pnav-wrap { display: inline-block; text-align: left; } .nav-close { display: none; } .logo2 { display: none; } #join2 .inside-focus{ } .inside-focus .leftaa{ margin-left:5%; margin-top:50px;} .inside-focus .leftaa{ float:left;} .inside-focus .leftaa p.two{ font-size:50px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; } .inside-focus .leftaa p.three{ font-size:25px; margin-top:10px; font-family:"alibaba-puhuitil"; color:#595959; } .inside-focus .leftaa p.four{ font-size:20px; margin-top:150px; font-family:"alibaba-puhuitim"; color:#595959; } .inside-focus .leftaa p.five{ font-size:20px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#292929; } .inside-focus .leftaa .bg1{ background-color:#009343; width:50px; } .inside-focus .leftaa .bg2{ background-color:#e10012; width:50px; } .inside-focus .rightaa{ float:right; margin-right:10%; margin-top:50px;} .inside-focus .rightaa p.one{ font-size:45px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#3a3a3a;} .inside-focus .rightaa p.two{font-size:65px; margin-top:45px; font-family:"alibaba-puhuitib"; color:#292929;} .inside-focus .rightaa p.three{ font-size:55px; margin-top:25px; font-family:"alibaba-puhuitil"; color:#3a3a3a;} .footer { width: 100%; background: #0f0f0f; height: 76px; position: relative; } .footer .wrap { position: relative; } .footer .footer-list { font-size: 0; text-align: center; } .footer .footer-list li { line-height: 76px; height: 76px; display: inline-block; vertical-align: top; position: relative; margin: 0 26px; } .footer .footer-list li a { height: 76px; font-size:16px; color: #fff; } .footer .footer-list li a:hover { color: #fff; } .footer .footer-list li:after { content: ""; position: absolute; left: -26px; top: 50%; margin-top: -4.5px; width: 5px; height: 9px; background-image: url(/uploads/image/images/icon-5.png); background-repeat: no-repeat; } .footer .footer-list li:first-child:after { display: none; } .footer .btn-back { display: block; position: absolute; right: 0; top: 50%; margin-top: -19px; width: 88px; height: 38px; background-color: #282828; background-image: url(/uploads/image/images/icon-6.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .footer .btn-back:hover { background-position: center 2px; } .footer .btn-back:after { content: ""; left: 0; bottom: -1px; width: 15px; height: 1px; background: #770007; position: absolute; } .footer .btn-back:before { content: ""; right: 0; bottom: -1px; width: 70px; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; } .footer .btn-back-home { display: block; position: absolute; top: 0; left: -360px; width: 482px; height: 100%; background: #292929; } .footer .btn-back-home img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; right: 47px; top: 27px; } .footer .btn-back-home:hover img { -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); transform: translate(10px, 0); } .foot { width: 100%; height: 234px; background: #595758; text-align: center; } .foot .telephone { font-size: 35px; color: #ffffff; margin-bottom: 20px; padding-top: 38px; font-family: "arial"; } .foot .telephone img { margin-right: 5px; } .foot .p { color: #fff; font-size: 13px; margin-bottom: 18px; text-transform: uppercase; } .foot .p a { color: #fff; font-size: 13px; } .foot .bdshare-button-style0-16 a, .foot .bdshare-button-style0-16 .bds_more { padding-left: 0px; float: none; } .foot .share .qq, .foot .share .weixin, .foot .share .weibo { position: relative; margin: 0 25px; display: inline-block; vertical-align: top; width: 28px; height: 28px; border-radius: 50%; border: 14px solid #fff; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .foot .share .qq > img, .foot .share .weixin > img, .foot .share .weibo > img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .foot .share .qq:hover, .foot .share .weixin:hover, .foot .share .weibo:hover { border-color: #fff; } .foot .share .qq:hover .win-box, .foot .share .weixin:hover .win-box, .foot .share .weibo:hover .win-box { display: block; } .foot .share .qq:hover .text, .foot .share .weixin:hover .text, .foot .share .weibo:hover .text { color: #fff; } .foot .share .qq:hover .icon, .foot .share .weixin:hover .icon, .foot .share .weibo:hover .icon { display: none; } .foot .share .qq:hover .icon1, .foot .share .weixin:hover .icon1, .foot .share .weibo:hover .icon1 { display: inherit; } .foot .share .qq .text, .foot .share .weixin .text, .foot .share .weibo .text { left: 0; bottom: -35px; padding-top: 35px; position: absolute; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #fff; width: 100px; font-size: 13px; } .foot .share .qq .win { position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width: 200px; background: #fff; border-radius: 6px; text-align: center; } .foot .share .qq .win-box { position: absolute; bottom: 0px; left: 0px; padding-bottom: 30px; display: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .foot .share .qq .win:after { content: ""; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .foot .share .qq .win span, .foot .share .qq .win a { line-height: 40px; color: #333; font-size: 15px; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; font-family: "microsoft yahei","arial"; } .foot .share .qq .win span:hover, .foot .share .qq .win a:hover { color: #b87b25; } .foot .share .qq .win span span { border-top: 1px dashed #868686; } .foot .share .weixin .win, .foot .share .weibo .win { position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 10px; background: #fff; border-radius: 6px; text-align: center; } .foot .share .weixin .win img, .foot .share .weibo .win img { max-width: 120px; height: auto !important; } .foot .share .weixin .win-box, .foot .share .weibo .win-box { position: absolute; bottom: 30px; left: 0px; display: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .foot .share .weixin .win:after, .foot .share .weibo .win:after { content: ""; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .foot .share .icon1 { display: none; } /*棣栭〉鏍峰紡寮€濮?---------------------------*/ .pcbanner { display: block; } .mbbanner { display: none; } .index-banner { width: 100%; position: relative; } .index-banner .owl-carousel, .index-banner .owl-stage-outer, .index-banner .owl-stage, .index-banner .owl-carousel .owl-item { width: 100%; height: 100% !important; } .index-banner .owl-carousel .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; } .index-banner .owl-prev, .index-banner .owl-next { width: 23px; height: 45px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; margin-top: -22px; text-indent: -99px; overflow: hidden; } .index-banner .owl-prev { background-image: url(/uploads/image/images/iprev.png); left: 5%; } .index-banner .owl-next { background-image: url(/uploads/image/images/inext.png); right: 5%; } .move { width: 54px; height: 54px; position: absolute; z-index: 3; bottom: 60px; left: 50%; margin-left: -30px; } .move span { width: 100%; height: 100%; border: 1px solid #fff; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .move i { width: 18px; height: 9px; background: url(/uploads/image/images/move.png); position: absolute; top: 50%; left: 50%; z-index: 2; margin-left: -7px; -webkit-animation: mymove 1s linear infinite; -o-animation: mymove 1s linear infinite; animation: mymove 1s linear infinite; } @-webkit-keyframes mymove { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); transform: translatey(10px); } } @-moz-keyframes mymove { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); transform: translatey(10px); } } @-ms-keyframes mymove { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); transform: translatey(10px); } } @-o-keyframes mymove { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); transform: translatey(10px); } } @keyframes mymove { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); transform: translatey(10px); } } /*浜у搧灞曞巺*/ .index-zhanting, .section3, .section4 { padding-bottom:30px; } .index-zhanting { margin-top:100px; } .index-title { text-align: center; margin-bottom: 30px; padding-top: 50px; } .index-title h2 { font-size: 22px; color: #7c7c7c; font-family:"寰蒋闆呴粦"; padding-bottom: 5px; } .index-title img { width: auto; display: inline-block; } .index-head { text-align: center; margin-bottom: 24px; } .index-head li { display: inline-block; padding-left: 30px; padding-right: 30px; background: no-repeat right center; } .index-head a { font-size: 24px; font-family:"寰蒋闆呴粦"; font-weight: bold; color: #333; } .index-head li.on a { color: #b28853; padding-bottom: 2px; border-bottom: 1px solid #b28853; } .index-head li:last-of-type { background: none; } .index-head a:hover { color: #b28853; } .index-zhanting .owl-prev, .index-zhanting .owl-next { width: 50px; height: 50px; background: no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; z-index: 10; top: 50%; margin-top: -25px; } .index-zhanting .owl-prev { background-position: center top; left: 13%; } .index-zhanting .owl-next { background-position: center bottom; right: 13%; } .index-zhanting .owl-carousel .owl-item { opacity: .45; } .index-zhanting .owl-carousel .owl-item.center { opacity: 1; } .index-zhanting .owl-item { overflow-y: hidden; } /*鍝佺墝鍔ㄦ€?/ .news-list .dongtai-text,{ padding: 15px 3%; } .news-list .dongtai-text p{ position: relative; font-family:gothama; color:#595758; float:right; font-size:18px; padding-top:10px; } .news-list .dongtai-text h2{ padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"gotham"; color:#595758; float:right; padding-top:10px; } .news-list .dongtai-text h2 a{ font-size: 18px; color:#595758; font-weight: bold; } .news-list .dongb{ margin-top:65px; padding: 15px 3%; display: block; } .news-list .dongb i{ color:#595758; font-size:16px; display: block; margin-top:18px; font-family:"gotham"; } .news-list .dongb span{ display: inline-block; border: 1px solid #595758; padding: 5px 10px; color:#595758; font-size:20px; font-family:"alibaba-puhuitil"; } .news-list .dongb:hover{ } .news-list .dongb:hover h3, .news-list .dongb:hover i{ color: #595758; } .news-list .dongb:hover span{ background-position: center bottom; position: relative; } .index-dongtai{ background-color:#595758;} .index-dongtai .dongtai-text,{ padding: 15px 3%; } .index-dongtai .dongtai-text p{ position: relative; font-family:gothama; color:#ffffff; float:right; font-size:24px; padding-top:10px; } .index-dongtai .dongtai-text h2{ padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#ffffff; float:right; padding-top:10px; } .index-dongtai .dongtai-text h2 a{ font-size:18px; color: #fff; font-weight:normal; } .index-dongtai .dongb{ margin-top:80px; padding: 15px 3%; display: block; } .index-dongtai .dongb i{ color: #fff; font-size:18px; display: block; margin-top:18px; font-family:"gotham"; } .index-dongtai .dongb span{ display: inline-block; border: 1px solid #ffffff; padding: 5px 10px; color: #ffffff; font-size:20px; font-family:"alibaba-puhuitil"; } .index-dongtai .dongb:hover{ } .index-dongtai .dongb:hover h3, .index-dongtai .dongb:hover i{ color: #fff; } .index-dongtai .dongb:hover span{ background-position: center bottom; position: relative; } .index-dongtai .dongb, .index-dongtai .dongb h3, .index-dongtai .dongb i, .index-dongtai .dongb span, .news-list .dongb, .news-list .dongb h3, .news-list .dongb i, .news-list .dongb span { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .index-dongtai .owl-prev, .index-dongtai .owl-next, .index-case .owl-prev, .index-case .owl-next { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background: url(/uploads/image/images/dongtai_arrow.png) no-repeat; text-indent: -9999px; overflow: hidden; } .index-dongtai .owl-prev, .index-case .owl-prev { background-position: left top; left: -70px; } .index-dongtai .owl-next, .index-case .owl-next { background-position: right top; right: -70px; } .index-dongtai .dongtai-toggle { margin-bottom: 50px; } .see-more { text-align: center; display: block; margin-left: auto; margin-right: auto; color: #fff; font-size: 20px; color: #fff; } .see-more:hover { color: #b28853; } .see-more i { color: #b28853; } /*濯掍綋*/ .index-media ul { margin-bottom: 50px; } .index-media li { width: 50%; float: left; } .index-media li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .index-media li .text { position: absolute; top: 50%; width: 100%; text-align: center; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .index-media li h2 { font-size: 36px; color: #fff; font-family:"寰蒋闆呴粦"; } .index-media li img { width:100% } .index-media li .text span { width: 42px; height: 0; background: no-repeat center bottom; margin-top: 10px; display: inline-block; } .index-media li a:hover .text span { height: 42px; } .index-media li .text span, .index-media li .text, .index-media li a:hover .text span { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .profile31 .lia { width:300px; height:166px; font-size: 0; float:left; text-align:center; margin-bottom:10px;} .profile31 .lia a { display: block; } .profile31 .lia .img { display: inline-block; vertical-align: top; width:289px; height:166px; position: relative; } .job-title { margin-bottom:30px; } .job-title ul { margin-bottom:0;} .job-title li { float:left;} .job-title a { font-size:16px; color:#333; display:block; text-decoration:none; border-radius:5px; padding:10px 20px; margin-right:20px; transition:all 0.1s; position:relative;} .job-title .bton { color:#fff; background:#b87b25;} .job-title .on::after { content:''; position:absolute; border-top:7px solid #b87b25; border-right:7px solid transparent; border-left:7px solid transparent; bottom:-7px; left:45%;} .job-nr { background-color:#f8f8f8; border-bottom:1px solid #f0f0f0; padding:30px;} .job-nr .title-l h1 {font-size:24px; color:#1c2334; line-height:40px;} .job-nr .title span { font-size:14px; color:#666; line-height:40px; margin-left:15px;} .jop-xz li { padding-top:15px;} .job-bt { width:15%; display:block; font-size:14px; font-weight:bold; text-align:left; width:100%; margin-bottom:10px; color:#555;} .job-bnr { width:100%; display:block; text-align:left; font-size:14px; line-height:24px; color:#666;} .jop-xz li.ts{border-top:1px solid #ccc;padding:20px 40px;} .jop-xz li p.ts { font-size:14px; line-height:24px; color:#666;} .jop-xz a { background:#00a0e9; color:#fff; display:inline-block; font-size:18px; font-weight:bold; height:50px; line-height:50px; width:155px; border-radius:50px; width:280px;} .jop-xz a:hover{background:#00a0e9;} .job_gyts { width:100%; margin-top:20px;} .job_gyts p { font-size:14px; line-height:25px;} .job_gyts p strong { display:block;} .job_gyts .ts { color:#e72d02;} .job_gyts a { display:block; font-size:16px; background:#e72d02; border-radius:30px; color:#fff; margin:80px auto 20px; max-width:100%; padding:15px; text-align:center; width:500px; margin:30px auto;} /*鎴愬姛妗堜緥*/ /*.index-case{padding-bottom: 100px;}*/ .index-case .case-block h3 { font-size: 16px; color: #333; font-weight: normal; padding-top: 10px; text-align:center } .index-case .case-block h3 span { color: #999; font-size: 12px; margin-left: 10px; font-style: italic; } .index-case .case-mb { margin-bottom: 30px; } .index-case .case-toggle { margin-bottom: 40px; } .index-case .case-block a:hover h3 { color: #b28853; } .index-case .case-block .pic { overflow: hidden; } .index-case .case-block img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .index-case .case-block a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .zhanting-toggle, .dongtai-toggle, .case-toggle { position: relative; width: 100%; } .zhanting-toggle .zhanting-body { display: none; } .dongtai-toggle .dongtai-body,.case-toggle .case-body{opacity: 0;z-index: 1;position: absolute;left: 0;top: 0;width: 100%;} .zhanting-body { width: 1200px; margin: 0 auto; } .vancens-pro { overflow: hidden; } .vancens-pro .item p.one{ font-size:40px; font-family:gothama; color:#4f4f4f; } .vancens-pro .item p.two{ font-size:40px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; } .vancens-pro .item p.three{ font-size:35px; margin-top:45px; font-family:"alibaba-puhuitil"; color:#595959; } .vancens-pro .item p.four{ font-size:23px; margin-top:89px; font-family:"alibaba-puhuitim"; color:#595959; } .vancens-pro .item p.five{ font-size:35px; font-family:gothama; color:#4f4f4f; } .vancens-pro .item p.six{ margin-top:15px; font-size:32px; font-family:"alibaba-puhuitib"; color:#595758; } .vancens-pro .item p.seven{ font-size:20px; font-family:"alibaba-puhuitil"; color:#000000; text-align:left; margin-top:10px; align:justify; } .vancens-pro .item p.more{ margin-top:25px;} .vancens-pro .item p.more a{ display: inline-block; border: 1px solid #000000; padding: 5px 10px; color: #000000; font-size:20px; font-family:"alibaba-puhuitil"; } .vancens-pro .item { float: left; position: relative; height: 358px; } .vancens-pro .item:first-child{ margin-right: 2%; } .vancens-pro .item:nth-child(1) { width:58%; clear: left; height:460px; margin-right: 2%; } .vancens-pro .item:nth-child(2) { width:40%; text-align:right; } .vancens-pro .item:nth-child(3) { width: 48%; margin-top:4%; } .vancens-pro .item:nth-child(4) { width: 48%; margin-top:4%; margin-left:4%; } .vancens-pro .item:nth-child(5) { width: 48%; margin-top: 2%; text-align:right; } .vancens-pro .item:nth-child(6) { width: 48%; margin-top: 2%; margin-left:4%; text-align:right; } .section3{ clear: left; } .zhanting-body .item img{ height: 100%; } #join_head{ } #join_head li{ width:32.3333333%; box-sizing: border-box; padding: 30px 0; background: #00052a; margin-right: 1.3%; } #join_head li:last-child{ margin-right: 0; } #join_head li.on{ background: #b28853; } #join_head li a{ color: #ffffff; font-size: 24px; font-weight: 600; border-bottom: none; } .join-body{ display: none; } .join-one{ overflow: hidden; } .join-one .join-item{ width: 50%; float: left; margin: 30px 0; } .join-one .join-item .title{ font-size: 24px; } .join-one .join-item .info{ font-size: 16px; margin-top: 20px; color: #908e8e; padding-right: 40px; } .join-toggle{ background: repeat #ffffff; padding: 20px 40px; } .join-two{ clear: left; overflow: hidden; } .join-two li{ width: 25%; float: left; text-align: center; font-size: 18px; color: #737373; margin: 35px 0; } .join-two li.first{ color: red; } .join-three{ clear: left; } .join-three p{ margin: 15px 0; font-size: 16px; color: #737373; padding-top: 10px; } .join-four{ clear: left; overflow: hidden; text-align: center; } .join-four li{ display: inline-block; width: 25%; border: 1px solid #c12525; box-sizing: border-box; padding: 10px 0; margin: 15px 15px; color: #863535; } .join-four li.block{ display: block; margin-left: auto; margin-right: auto; } .join-body{ height: 285px; overflow: hidden; } .index-jform{ overflow: hidden; margin-top: 20px; background-color:#fefefe } .index-jform .left{ float: left; width: 70% ; } .index-jform .left img{ } .index-jform .right{ float: left; width: 30% } .index-jform .right .ri-right{ padding-left:50px; padding-top:100px; text-align:right; } .ri-right p.one{ font-size:40px; font-family:gothama; color:#4f4f4f; } .ri-right p.two{ font-size:40px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; } .ri-right p.three{ font-size:35px; margin-top:35px; font-family:"alibaba-puhuitil"; color:#595959; } .ri-right p.four{ font-size:23px; margin-top:20px; font-family:"alibaba-puhuitim"; color:#595959; } .ri-right p.five{ font-size:23px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#292929; } .ri-right .bg1{ background-color:#009343; width:50px; } .ri-right .bg2{ background-color:#e10012; width:50px; } .ri-right p.more{ margin-top:25px;} .ri-right p.more a{ display: inline-block; border: 1px solid #000000; padding: 5px 10px; color: #000000; font-size:20px; font-family:"alibaba-puhuitil"; } .ri-right1 p.one{ font-size:25px; font-family:gothama; color:#4f4f4f; text-align:right; } .ri-right1 p.two{ font-size:30px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; text-align:right; } .ri-right1 p.four{ text-align:right; font-size:20px; margin-top:55px; font-family:"alibaba-puhuitim"; color:#595959; } .ri-right1 p.five{ text-align:right; font-size:20px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#292929; } .ri-right1 .bg1{ background-color:#009343; width:50px; } .ri-right1 .bg2{ background-color:#e10012; width:50px; } .ri-right1 p.more{ margin-top:25px; text-align:right;} .ri-right1 p.more a{ display: inline-block; border: 1px solid #000000; padding: 5px 10px; color: #000000; font-size:20px; font-family:"alibaba-puhuitil"; } .news li{ width:30%; float:left; margin-right:20px;} .vancens-cl{ clear: left; } .dongtai-toggle .pic { display: block; } /*棣栭〉鏍峰紡缁撴潫--------------------------------*/ /*鍐呴〉鏍峰紡寮€濮?--------------------------------*/ .inside-local { margin-top: 15px; margin-bottom: 15px; } .inside-local a, .inside-local span { font-family:"alibaba-puhuitil"; color: #999; font-size:22px; } .inside-title { text-align: center; margin-bottom: 50px; margin-top:80px; } .inside-title h2.en { font-size:40px; font-weight: normal; font-family:"alibaba-puhuitir"; color:#595758; letter-spacing: 3px; } .inside-title h2.cn { font-size:30px; color:#595758; font-family: "alibaba-puhuitib"; } .inside-title h2.cn1 { font-size:20px; color:#595758; font-weight:normal; padding-top:10px; } .inside-title1{ text-align: center; margin-bottom: 50px; margin-top:40px; } .inside-title1 h2.cn1 { font-size:16px; color:#595758; font-weight:normal; } /*浜у搧灞曞巺1*/ .product1 li { position: relative; width: 100%; } .product1-pic { width: 50%; position: relative; } .product1-text { width: 40%; } .product1 li:nth-of-type(2n-1) .product1-pic { float: left; } .product1 li:nth-of-type(2n) .product1-pic { float: right; } .product1 li .product1-text { position: absolute; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .product1 li:nth-of-type(2n-1) .product1-text { right: 5%; } .product1 li:nth-of-type(2n) .product1-text { left: 5%; } .product1 .product1-text h2 { font-size: 30px; color: #b28853; font-family:"寰蒋闆呴粦"; padding-bottom: 10px; } .product1 .product1-text h3 { font-family:"寰蒋闆呴粦"; color: #333; font-size: 18px; padding-bottom: 10px; } .product1 .product1-text p { line-height: 22px; color: #333; text-overflow: ellipsis; white-space: nowrap; } .see-details { display: inline-block; margin-top: 30px; color: #333; } .see-details:hover { color: #b28853; } .product1-pic .product1-pic-hover { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); top: 0; z-index: 2; display: none; } .product1-pic .product1-pic-hover .text { position: absolute; top: 50%; width: 100%; text-align: center; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .product1-pic .product1-pic-hover .text p { padding-bottom: 5px; } .product1-pic .product1-pic-hover .text a { color: #fff; font-size: 18px; font-family:"寰蒋闆呴粦"; display: inline-block; padding-bottom: 2px; border-bottom: 1px solid transparent; } .product1-pic .product1-pic-hover .text a:hover { border-bottom: 1px solid #fff; } .product1 li:nth-of-type(2n-1) .product1-pic-hover { left: 0; } .product1 li:nth-of-type(2n) .product1-pic-hover { right: 0; } /*浜у搧灞曞巺2*/ .product2-body { padding-bottom: 60px; display: none; } .product2-body li { width: 22.75%; margin-right: 3%; float: left; margin-bottom: 30px; overflow: hidden; position: relative; } .product2-body li:nth-of-type(4n) { margin-right: 0; } .product2-body li a, .#download_center .product2-body li.xy_lode .load_a { display: block; width: 100%; height: 100%; position: relative; } .product2-body .product2-hover { width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .65); } .product2-hover .text { width: 100%; position: absolute; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .product2-hover p { color: #fff; font-size: 16px; text-align: center; } .product2-hover p.p2 { font-size: 30px; font-family:"寰蒋闆呴粦"; } .product2-body li img { -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .product2-body li a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .refresh { width: 22px; height: 22px; background: ; margin-left: auto; margin-right: auto; -webkit-animation: refresh 1s linear infinite; -o-animation: refresh 1s linear infinite; animation: refresh 1s linear infinite; } @-webkit-keyframes refresh { 0% { } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes refresh { 0% { } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes refresh { 0% { } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes refresh { 0% { } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes refresh { 0% { } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*浜у搧灞曞巺缁撴潫-------------------------------*/ /*****************************************************涓嬭浇涓績寮€濮?/ /* 瀛﹂櫌涓嬭浇 */ #download_center .product2-body { } #download_center .product2-body li.xy_lode { width: 31.65%; margin-right: 2.5%; float: left; margin-bottom: 30px; } #download_center .product2-body li.xy_lode:nth-of-type(3n) { margin-right: 0; } #download_center .product2-body li.xy_lode .load_a { display: block; width: 94%; height: 80px; border: 1px solid #e7e7e7; padding: 10px 3%; } #download_center .product2-body li.xy_lode .load_a img.load_view { width: 88px; float: left; margin-right: 5%; } #download_center .product2-body li.xy_lode .load_a .load_c span img.load_key { width: 15px; height: 12px; } #download_center .product2-body li.xy_lode .load_a .load_c h6 { font-family: "瀹嬩綋"; font-size: 14px; font-weight: 500; color: #666; margin-bottom: 35px; margin-top: 5px; } #download_center .product2-body li.xy_lode .load_a .load_c ol { font-size: 14px; font-family: "瀹嬩綋"; } #download_center .product2-body li.xy_lode .load_a .load_c ol span { color: #194898; display: inline-block; float: left; } #download_center .product2-body li.xy_lode .load_a .load_c ol i { display: inline-block; color: #999; float: right; margin-right: 5% } /* 鍏憡閫氱煡 */ /* 鐗╂枡涓嬭浇 */ #download_center .product2-body li.wl_lode { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #666; margin: 0; padding: 0; padding: 15px 0; border-bottom: 1px dashed #d9d9d9; position: relative; } #download_center .product2-body li.xy_lode .load_a .load_c h6:hover { color: #b28853; } #download_center .product2-body li.wl_lode:nth-of-type(1) { border-top: 1px dashed #d9d9d9; } #download_center .product2-body li.wl_lode .red_dian { display: inline-block; width: 3px; height: 3px; background: #f00; margin: 6.5px 10px; } #download_center .product2-body li.wl_lode .lode_keys { width: 15px; height: 12px; margin-left: 20px; vertical-align: middle; } #download_center .product2-body li.wl_lode span { display: inline-block; float: left; font-weight: 400; font-family: "瀹嬩綋"; } #download_center .product2-body li.wl_lode b { display: inline-block; float: right; font-weight: 400; font-family: "瀹嬩綋"; } /* 椤电爜 */ .nei_page { margin-top: 40px; } .nei_page ul { width: auto !important; } .nei_page ul li:nth-of-type(4) { margin-right: 8px; } /* 鎻愮ず妗?*/ .warning_box { width: 100%; height: auto; position: absolute; top: 0; z-index: 99; background-color: rgba(51, 51, 51, 0.6); display: none; } .warning_info { width: 40%; padding-bottom: 40px; position: fixed; top: 50%; right: 0; left: 0; margin: auto; background: #fff; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .closing_war { width: 19px; height: 19px; position: absolute; top: 20px; right: 20px; cursor: pointer; } .warning_info .cj_img { width: 100%; margin-bottom: 40px; } .warning_info p { font-size: 24px; color: #333; font-family:"寰蒋闆呴粦"; padding-left: 36px; } .warning_info p span { font-size: 18px; color: #666; display: block; margin-top: 15px; } /*****************************************************涓嬭浇涓績缁撴潫*/ /*****************************************************缁忛攢鍟嗙櫥褰曞紑濮?/ .this_function_key { font-size: 0; } .dealer_login { padding: 100px 0 180px 0; width: 61%; margin: 0 auto; overflow: hidden; } .login_css:hover { border-bottom: 2px solid #b28853 !important; } .dealer_login .fl { width: 52%; margin-right: 8%; } .dealer_login .fl img { width: 100%; } .dealer_login .fr { width: 40%; } .dealer_login .fr h4 { color: #b28853; font-size: 14px; font-family:"寰蒋闆呴粦"; padding: 20px 0; } .dealer_login .fr form li input { margin-bottom: 20px; width: 95%; padding-left: 4%; height: 38px; line-height: 38px; border: 1px solid #ccc; } .dealer_login .fr form li input.dealer_code { width: 30%; margin-right: 2%; height: 30px; line-height: 30px; } .dealer_login .fr form li img { width: 88px; height: 32px; } .dealer_login .fr form li span { font-family: "瀹嬩綋"; color: #666; font-size: 12px; } .dealer_login .fr form li input.dealer_register { width: 80px; font-size: 14px; background-color: #b28853; color: #fff; border: 0; padding: 0; text-align: center; } @media (max-width: 1280px) { .dealer_login { width: 87%; } } @media (max-width: 1024px) { .header-show { height: 105px !important; } .dealer_login .fr form li span { display: block; margin-bottom: 10px; } .dealer_login .fr form li input { height: 30px; line-height: 30px; margin-bottom: 10px; } .dealer_login .fr h4 { padding: 10px 0; } } @media (max-width: 750px) { .dealer_login { width: 60%; } .dealer_login .fl { width: 100%; } .dealer_login .fr { width: 100%; } .dealer_login .fr form li span { display: inline-block; } } /*****************************************************缁忛攢鍟嗙櫥褰曠粨鏉?/ .profile1 { margin-bottom: 50px; margin-top: 80px; } .profile1 .fl{width:45%; } .profile1 .fr{width:45%; margin-left:10%;} .profile1-text h2 { color:#595856; font-size:28px;} .profile1-text p { text-indent:2em; padding-top:18px; float:left; text-align:justify; color:#595856; font-size:16px; line-height:28px; } .profile1-text2{ width:100%; margin-top:5px;} .profile1-text2 p { text-indent:2em; padding-top:18px; text-align:justify; color:#54524f; font-size:16px; line-height:28px; } .profile1-text2 .oblique{ color:#bfbebd; font-style: oblique; } .profile2 { margin-bottom: 50px; margin-top:50px; } .profile2 .fl{width:45%;} .profile2 .fr{width:45%; margin-left:10%;} .profile2 .en{ font-size:32px; font-weight: normal; font-family:"alibaba-puhuitil"; color:#595758; letter-spacing: 3px; } .profile2 .cn{ font-size:25px; color:#595758; font-family: "alibaba-puhuitib"; } .profile2 { margin-bottom: 50px; margin-top:50px; } .profile2 .pic1,.profile2 .pic2{ margin-top:20px; width:100%} .profile2 .pic1 a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .profile2 .pic1 .text { position: absolute; bottom:5%; width: 100%; color:#ffffff; font-family:"alibaba-puhuitil"; font-size:23px; text-align:right; } .profile2 .pic1 .text span{ padding:3px 10px; margin-left:20px; display: inline-block; font-size:20px; border: 1px solid #ffffff; } .profile2 .pic2 .fl1 a ,.profile2 .pic2 .fr1 a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .profile2 .pic2 .fl1 .text,.profile2 .pic2 .fr1 .text{ position: absolute; bottom:5%; width: 100%; color:#ffffff; font-family:"alibaba-puhuitil"; font-size:18px; text-align:right; } .profile2 .pic2 .fl1 .text span,.profile2 .pic2 .fr1 .text span { padding: 3px 8px; margin-left:5px; display: inline-block; font-size:15px; border: 1px solid #ffffff; } .profile2 .pic2 .fl1{width:47.5%; } .profile2 .pic2 .fr1{width:47.5%; margin-left:27px; } .about-xns { padding-top: 150px; background: no-repeat center top; -webkit-background-size: 100% 150px; background-size: 100% 150px; } .profile3 .picture1{width:23%; float:left;} .profile3 .picture2{width:23%; float:left; margin-left:1%;} .profile3 .picture3{width:23%; float:left; margin-left:1%;} .profile3 .picture4{width:23%; float:left; margin-left:1%;} .profile3 .ul-list2 li{width:24%} .ul-list2 { overflow: hidden; padding-left: 7px; } .ul-list2 li { float: left; height:380px; } .ul-list2 a { position: relative; display: block; margin-left: 10px; } .ul-list2 a:hover .shade { opacity: 1; filter: alpha(opacity=100); } .ul-list2 .pic { position: relative; padding-top: 86.7257%; } .ul-list2 .pic img { position: absolute; top: 0; left: 0; width: 100%; height:auto; } .ul-list2 .shade { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height:361px; background: url(/uploads/image/images/bg2.png) 0 0 repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .ul-list2 .shade .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .ul-list2 .shade .box:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .ul-list2 .txt { display: inline-block; vertical-align: middle; font-size: 18px; text-transform: uppercase; line-height: 28px; padding:0 20px; color: #fff; } .ul-list2 .txt h3 { font-size: inherit; font-size:15px; font-weight:normal; } .ul-list2 .txt p { font-family: arial; } .profile4 { margin-top:20px;} .profile4 img{ width:100%} .profile4 .item1{width:32%; float:left; margin-right:2% } .profile4 .item2{width:32%; float:left; } .profile4 .dongtai-text{ padding: 15px 3%; } .profile4 .dongtai-text p{ position: relative; font-family:gothama; color:#595758; font-size:18px; text-align:right; } .profile4 .dongtai-text h2{ font-size:24px; color:#595758; text-align:right; } .profile4 .dongtai-text span{ margin-top:10px; float:left; font-size:15px; line-height:25px; height:130px; } .profile4 .dongb{ margin-top:50px; padding: 15px 3%; display: block; } .profile4 .dongb span{ display: inline-block; border: 1px solid #595758; padding: 5px 10px; color: #595758; font-size:20px; font-family:"alibaba-puhuitil"; } .profile4 .dongb:hover{ } .profile4 .dongb:hover h3, .profile4 .dongb:hover i{ color: #595758; } .profile4 .dongb:hover span{ background-position: center bottom; position: relative; } .profile4 .dongb, .profile4 .dongb h3, .profile4 .dongb i, .profile4 .dongb span, { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .txt{ padding:100px 0 0 0;} .txt h2{ float:left; font-size:24px; color:#595758; font-family:"alibaba-puhuitib"} .txt span{ float:right; padding: 5px 10px; background-color:#595758; font-size:20px; color:#ffffff; font-family:"alibaba-puhuitib";} .txt11{ padding:10px 0 50px 0; font-size:13px; font-family:arial, helvetica, sans-serif; color:#666666;} .cpys{ padding-bottom:30px;} .product img{width:100*} .cpys .b1,.cpys .b4,.cpys .b7,.cpys .b10,.cpys .b13{ width:32.33%; background-color:#fafafa; float:left ;} .cpys .b2,.cpys .b3,.cpys .b5,.cpys .b6,.cpys .b8,.cpys .b9,.cpys .b11,.cpys .b12,.cpys .b14,.cpys .b15{ width:32.33%; background-color:#fafafa; margin-left:1.5%;float:left; } .cpys .txt1{ color:#595758; font-size:16px; text-align:center; padding-bottom:20px;} .contact-hot{ float:left;background-color:#f4f4f4; width:70%; padding:50px 0;} .contact-hot .row {width: 100%;padding:48px 0px;text-align: center;} .contact-hot .row ul li {display:inline-block;vertical-align: middle;text-align: center;margin: 0px 5px;} .contact-hot .row ul li a {display: block;} .contact-hot .row ul li a i {display: block;width: 100px;height: 100px;border:2px solid #595758;margin:0 auto;border-radius: 50%;background-repeat: no-repeat;background-position: 0px 0px;-webkit-transition:background-color 0.4s ease;-moz-transition:background-color 0.4s ease;-ms-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease;} .contact-hot .row ul li:hover a i,.container_nav .row ul li.on a i {background-color: #595758;background-position: 0px -100px;} .contact-hot .row ul li a span {display: block;color: #595758;font-size:14x;margin-top:0px;} .contact-hot .row ul li a i.anniu{background-position: 0px -100px;background-color:#fff;} .contact-hot .row ul li.li1 a i {background-image: url(/uploads/image/images/service_li1.png);} .contact-hot .row ul li.li2 a i {background-image: url(/uploads/image/images/service_li2.png);} .contact-hot .row ul li.li3 a i {background-image: url(/uploads/image/images/service_li3.png);} .contact-hot .row ul li.li4 a i {background-image: url(/uploads/image/images/service_li4.png);} .contact-r { float:right; background-color:#f4f4f4;; text-align: right; width:30%;padding:50px 0; } .contact-r li { display: inline-block; width:100%; margin-left: 4%; text-align: center; } .contact-r li p { font-size:23px; color: #595758; font-family:"alibaba-puhuitib"; } .contact-r li img { width: auto; max-width: 100%; } .jmys .bd{ overflow: hidden;} .jmys ul{ margin-right: -30px; } .jmys li{ float:left; width:215px;text-align: center; overflow: hidden; height:450px; margin-right: 25px; display:block; border: 1px solid #eaeaea; background-color:#f4f4f4;} .jmys li a{ display: block; padding-top: 35px; padding-bottom:60px;} .jmys li .text h1{color:#49484d; font-size:16px; font-weight: 700; text-align:center; line-height: 28px;} .jmys li .text h1 a{color:#272636;} .jmys li .text h1 a:hover{ color:#2977da;} .jmys li .text{ padding:0 15px;} .jmys li .text span{ color:#49484d; font-size:14px; text-transform: uppercase; text-align:center; line-height:25px; text-align:justify} .jmys li .up .a{ display:block; width:135px; height:155px; margin: 0 auto 15px auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .jmys .li1 .up .a{ background:url(/uploads/image/images/icon_s_link1.png) center no-repeat;} .jmys .li1:hover .up .a{ background: center no-repeat;} .jmys .li2 .up .a{ background:url(/uploads/image/images/icon_s_link2.png) center no-repeat;} .jmys .li2:hover .up .a{ background: center no-repeat;} .jmys .li3 .up .a{ background:url(/uploads/image/images/icon_s_link3.png) center no-repeat;} .jmys .li3:hover .up .a{ background: center no-repeat;} .jmys .li4 .up .a{ background:url(/uploads/image/images/icon_s_link4.png) center no-repeat;} .jmys .li4:hover .up .a{ background: center no-repeat;} .jmys .li5 .up .a{ background:url(/uploads/image/images/icon_s_link5.png) center no-repeat;} .jmys .li5:hover .up .a{ background: center no-repeat;} .jmys li:hover .up .a{transform:rotatey(180deg); -webkit-transform:rotatey(180deg); -moz-transform:rotatey(180deg);} .jmys li:hover .text h1 a{ color:#285599;} .icasebody{overflow: hidden; } .icaseleft{position: relative; float: left; width: 100%; overflow: hidden; padding: 20px 0 0; background-color:#595758; margin-bottom:15px; } .icaseleftintro{position: relative;padding:20px 20px 20px 20px; margin:0 20px;} .icaseleftintro .text{ padding:10px 55px;} .icaseleftintro .text h1 {color:#ffffff;text-align:center; font-size:20px;} .icaseleftintro .text h1 a:hover{ color:#ffffff;} .icaseleftintro .text span{ color:#ffffff; font-size:14px; text-transform: uppercase; text-align:center; line-height:23px; margin:10px 100px; } .icaseleftintro .up .a{ display:block; width:100px; height:100px; margin: 0 auto 15px auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background:url(/uploads/image/images/ico1.jpg) center no-repeat;} .icaseright{width: 100%; overflow: hidden; } .icaserquery{float: left; width:390px; margin: 0 0 14px 0px; padding: 8px 0 0; background-color:#595758; height:260px;} .icaseright .li1,.icaseright .li2,.icaseright .li4,.icaseright .li5{ margin-right:15px;} .icaseright .text{ padding:20px 35px;} .icaseright .text h1 {color:#ffffff;text-align:center; font-size:20px;} .icaseright .text h1 a:hover{ color:#ffffff;} .icaseright .text span{ color:#ffffff; font-size:14px; text-transform: uppercase; text-align:center; line-height:23px; } .icaserquery .up .a{ display:block; width:100px; height:100px; margin: 0 auto 15px auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .icaseright .li1 .up .a{ background:url(/uploads/image/images/ico2.jpg) center no-repeat;} .icaseright .li2 .up .a{ background:url(/uploads/image/images/ico3.jpg) center no-repeat;} .icaseright .li3 .up .a{ background:url(/uploads/image/images/ico4.jpg) center no-repeat;} .icaseright .li4 .up .a{ background:url(/uploads/image/images/ico5.jpg) center no-repeat;} .icaseright .li5 .up .a{ background:url(/uploads/image/images/ico6.jpg) center no-repeat;} .icaseright .li6 .up .a{ background:url(/uploads/image/images/ico7.jpg) center no-repeat;} .jmhzleft{float:left; width:471px; height:662px;} .jmhzright{float:right;width:709px;margin-left:20px;} .jmhzright .jmtop{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .jmhzright .jmtop .text { position: absolute; bottom:10%; width: 100%; color:#ffffff; font-family:"alibaba-puhuitil"; font-size:23px; text-align:right; right:13%; } .jmhzright ul li{float: left; width:235px; padding: 8px 0 20px; background-color:#595758; margin-top:4px; } .jmhzright ul li a{ display:block; width:100%; height:100%; } .jmhzright ul li a:hover{background-color: #b28853;} .jmhzright ul li h5{float:left;width:100%;height:24px;line-height:24px;color: #fff;font-size:15px; font-weight: normal; padding:38px 0; } .jmhzright ul li a:hover h5,.jmhzright ul li a:hover h6{ color:#b28853;} .jmhzright .a1,.jmhzright .a2,.jmhzright .a4{margin-right:2px; text-align:center; color:#ffffff} .jmhzright .a3,.jmhzright .a6{margin-right:0px; float:right;text-align:center; color:#ffffff} .jmhzright li .text{ font-size:16px; padding:10px 0px;} .online { margin-top:20px;} .online .text1,.online .text2,.online .text3{width:29%;padding: 0 15px;height: 50px;line-height: 50px;background: none;border: 1px solid #838182;font-family:"alibaba-puhuitil"; font-size:23px;color: #474949;margin: 0 0 20px 0;float: left;} .online .text2,.online .text3{ margin-left:2%} .online textarea{display:block;height:160px;resize:none;margin-bottom: 30px;background:none;border: 1px solid #838182;width:96.5%;padding:10px 15px;font-size:14px;color:#474949;line-height:20px;font-family:"alibaba-puhuitil"; font-size:23px;} .online .hr_form_fot{ position:relative;} .online .tex1t:focus,.online .text2:focus,.online .text3:focus{ border:1px solid #595758;} .online textarea:focus{ border:1px solid #595758;} .online .submit{background: #838182;font-family:"alibaba-puhuitil"; font-size:23px;border:0;height:45px !important;color:#fff;line-height:45px !important;width:150px;cursor:pointer;float: right;} .online .submit:hover{ background-color:#363036; color: #fff;} /*鑱旂郴鎴戜滑寮€濮?----------------------------*/ .contact { padding-bottom: 80px; } .map { width: 100%; height: 440px; /* background: no-repeat center; */ -webkit-background-size: cover; background-size: cover; } /*鑱旂郴鎴戜滑缁撴潫-----------------------------------*/ /*浜烘墠鎷涜仒寮€濮?-------------------------------------*/ .talent, .talent-apply { padding-bottom: 120px; } .talent-title { padding: 20px 0; background-color: #fff; border-radius: 30px 30px 0 0; text-align: center; } .talent-title span { font-size: 24px; color: #333; font-family:"寰蒋闆呴粦"; vertical-align: middle; } .talent-title select, .talent-title .txt { width: 22.5%; height: 30px; line-height: 30px; background-color: #f5f5f5; font-family:"寰蒋闆呴粦"; color: #666; text-indent: 1em; vertical-align: middle; margin-right: 0.5%; } .talent-title .submit { width: 8%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-family:"寰蒋闆呴粦"; background-color: #aa0001; } .talent-body li { float: left; margin-right: 1.33333%; width: 24%; background-color: #fff; position: relative; box-sizing: border-box; padding: 50px 30px 50px 20px; border-radius: 10px; margin-top: 10px; } .talent-body li:nth-of-type(4n) { margin-right: 0; } .talent-body h2 { font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #999; font-weight: normal; font-family:"寰蒋闆呴粦"; color: #333; margin-bottom: 15px; } .talent-body h3 { font-family:"寰蒋闆呴粦"; color: #333; font-weight: normal; padding-bottom: 30px; } .talent-body .text { height: auot; overflow: hidden; } .talent-body .text p { line-height: 22px; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .talent-body .more { display: block; width: 150px; height: 40px; border-radius: 20px; border: 1px solid #999; text-align: center; line-height: 40px; margin-top: 40px; } /*寮圭獥*/ .talent-layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: 101; display: none; } .talent-content { width: 90%; max-width: 700px; box-sizing: border-box; padding: 30px 5%; background: #fff; position: absolute; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; border-radius: 10px; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .talent-close { font-size: 22px; position: absolute; right: 5%; top: 30px; } .talent-content .title { margin-top: 25px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #999; } .talent-content .title h2 { font-size: 24px; color: #333; font-family: "[fzxbsk]"; } .talent-content .title span { margin-left: 10px; color: #666; font-size: 18px; font-weight: normal; font-family:"寰蒋闆呴粦"; } .talent-content .date { font-size: 12px; position: absolute; right: 0; bottom: 10px; color: #999; } .talent-content .body { height: 400px; overflow-y: auto; margin-top: 10px; } .talent-content .body::-webkit-scrollbar-track-piece { width: 5px; background-color: #f8f8f8; } .talent-content .body::-webkit-scrollbar { width: 5px; background-color: #999; } .talent-content .body::-webkit-scrollbar-thumb { width: 5px; background-color: #aeaeae; } .talent-content .body::-webkit-scrollbar-thumb:hover { width: 5px; background-color: #999; } .talent-content .body h3 { font-size: 16px; font-weight: normal; padding-top: 10px; padding-bottom: 10px; } .talent-content .body p { line-height: 26px; } .talent-content .shengqing { text-align: right; margin-top: 40px; } .talent-content .shengqing a { width: 125px; height: 38px; line-height: 38px; text-align: center; border-radius: 20px; display: inline-block; background-color: #aa0001; color: #fff; font-size: 18px; } /*鐢宠鑱屼綅*/ .talent-apply h2 { font-size: 18px; font-family:"寰蒋闆呴粦"; color: #333; padding-bottom: 20px; vertical-align: middle; } .talent-apply h2 span { color: #b28853; } .talent-apply h3 { font-family:"寰蒋闆呴粦"; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #c2c2c2; margin-bottom: 20px; } .talent-apply li { float: left; width: 30%; margin-right: 5%; margin-bottom: 20px; } .talent-apply li:nth-of-type(3n) { margin-right: 0; } .hong { color: #c80000; vertical-align: middle; } .talent-apply li label { display: inline-block; width: 25%; vertical-align: middle; float: left; color: #333; } .talent-apply li input { display: inline-block; width: 75%; vertical-align: middle; height: 28px; line-height: 28px; box-sizing: border-box; border: 1px solid #dcdcdc; float: left; padding-left: 10px; color: #666; font-family:"寰蒋闆呴粦"; } .talent-apply .bigli label { float: left; width: 7.6%; } .talent-apply .bigli textarea { border: 1px solid #dcdcdc; height: 170px; width: 92.4%; box-sizing: border-box; float: left; padding: 10px; color: #666; font-family:"寰蒋闆呴粦"; } .talent-apply .bigli { margin-bottom: 20px; } .talent-apply .submit { width: 90px; height: 34px; line-height: 34px; background-color: #aa0001; color: #fff; margin-left: 7.6%; } .index-case { padding-bottom:30px; } /*浜烘墠鎷涜仒缁撴潫----------------------------------------*/ /*2016-08-22淇敼*/ .pnav li { font-family: "瀹嬩綋"; color: #333; } .header-show .blogo { padding-top: 22px; padding-bottom: 25px; } .header-show .headerr { padding-top: 15px; } .pnav li a.head { padding-bottom: 17px; } .headerr-down { padding-top: 30px; } .index-head a { font-size: 18px; color: #666; font-weight: normal; } .index-title h2 { font-size: 30px; color: #333; } .index-title p { font-size: 12px; font-family: arial; color: #666; margin-bottom: 10px; } .index-dongtai .index-title h2 { font-family:"alibaba-puhuitib"; font-size: 30px; color: #ffffff; } .index-dongtai .index-title p { font-size: 35px; font-family:gothama; color: #fff; margin-bottom: 10px; } /*缁撴潫*/ /*20160824*/ .join_jms-c .owl-prev, .join_jms-c .owl-next { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background-repeat: no-repeat; text-indent: -99px; overflow: hidden; } .join_jms-c .owl-prev { background-image: ; left: -40px; } .join_jms-c .owl-next { background-image: ; right: -40px; } .pnav li { margin-left: 5%; font-size: 14px; } @media (max-width: 1150px) { .pnav li { margin-left: 2%; font-size: 14px; } } @media (max-width: 900px) { .pnav li { margin-left: 2%; font-size: 12px; } } @media (min-width: 840px) { .header-show .blogo img { width: 186px; } } @media (min-width: 819px) { } @media (max-width: 1600px) { .index-zhanting .owl-prev { left: 11%; } .index-zhanting .owl-next { right: 11%; } } @media (max-width: 1366px) { .index-dongtai .owl-prev, .index-case .owl-prev { left: -40px; } .index-dongtai .owl-next, .index-case .owl-next { right: -40px; } } @media (max-width: 1200px) { .pnav li { margin-left: 2%; } .product1 .product1-text h2 { font-size: 24px; } .see-details { margin-top: 10px; } .about-xns { padding-top: 100px; } .talent-body h2 { font-size: 22px; } .talent-apply li label { width: 28%; } .talent-apply li input { width: 72%; } .talent-apply li { width: 32%; margin-right: 2%; } .talent-apply .bigli label { width: 8.9%; } .talent-apply .bigli textarea { width: 91.1%; } .profile5-focus .owl-next { right: -25px; } .profile5-focus .owl-prev { left: -25px; } } @media (max-width: 820px) { .index-dongtai .owl-prev, .index-case .owl-prev { left: 0px; } .index-dongtai .owl-next, .index-case .owl-next { right: 0px; } } @media (max-width: 768px) { .example_video_1-dimensions { height: 390px; } .contact-way, .contact-leave { float: none; width: 100%; } .contact-leave { margin-top: 30px; } .talent-title span { font-size: 20px; } } @media (max-width: 750px) { .index-head a { font-size: 14px; } .index-head li { padding-left: 10px; padding-right: 20px; margin-bottom: 10px; } .index-case .case-block h3 { font-size: 12px; } .index-media li { width: 100%; } .index-media li img{ width: 100%; } .index-zhanting .owl-prev { left: 0; } .index-zhanting .owl-next { right: 0; } .index-title { padding-top: 50px; margin-bottom: 20px; } .index-dongtai .dongtai-toggle, .index-media ul { margin-bottom: 20px; } .index-media li h2 { font-size: 30px; } .index-case { padding-bottom:30px; } .header-see { margin-top: 20px; } .foot-nav dl { margin-right: 10%; } .product2-body li { width: 48.5%; } .product2-body li:nth-of-type(4n) { margin-right: 3%; } .product2-body li:nth-of-type(2n) { margin-right: 0; } .inside-title h2.en { font-size: 28px; } .inside-title h2.cn { font-size: 20px; } .inside-title1 h2.cn1 { font-size: 20px; } .inside-title { margin-bottom: 30px; } .product2-body li { margin-bottom: 10px; } .product1-pic, .product1 li:nth-of-type(2n-1) .product1-pic, .product1 li:nth-of-type(2n) .product1-pic { width: 90%; float: none; margin-left: auto; margin-right: auto; } .product1 li { margin-bottom: 30px; } .product1 li .product1-text { position: static; width: 100%; margin-top: 10px; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; } .inside-local { font-size: 12px; } .product1 .product1-text h2 { font-size: 20px; } .product1 .product1-text h3 { font-size: 14px; font-weight: normal; } .profile5-focus .owl-prev { left: 0px; } .profile5-focus .owl-next { right: 0px; } .profile5-list .pic { width: 100%; margin-right: 0; } .profile5-list .text { width: 100%; height: auto !important; margin-top: 10px; } .profile5-list .text-c { position: static; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; } .news-list li { width: 48%; margin-right: 4%; } .news-list li:nth-of-type(3n) { margin-right: 4%; } .news-list li:nth-of-type(2n) { margin-right: 0; } .page li { width: 30px; height: 30px; margin-right: 5px; } .page a, .page span { line-height: 30px; } .page .pager-text, .page .pager-btn { height: 30px; } .page .pager-btn { width: 56px; } .news, .tv, .daily { padding-bottom: 50px; } .tv-list li { width: 50%; } .daily-list li { width: 48%; margin-right: 4%; margin-bottom: 50px; } .daily-list li:nth-of-type(3n) { margin-right: 4%; } .daily-list li:nth-of-type(2n) { margin-right: 0; } .talent-body li { width: 49%; margin-right: 2%; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } .talent-body li:nth-of-type(3n) { margin-right: 2%; } .talent-body li:nth-of-type(2n) { margin-right: 0; } .talent-body h2 { font-size: 20px; } .talent-body .more { margin-top: 20px; width: 100px; height: 30px; line-height: 30px; } .talent-title select, .talent-title .txt { width: 48%; margin-right: 1%; } .talent-title .txt, .talent-title .submit { margin-top: 10px; } .talent-title .submit { width: 14%; vertical-align: middle; } .talent-title span { display: block; padding-bottom: 10px; } .talent-title { text-align: left; padding-left: 30px; } .talent-content .body { height: 300px; } .talent-body .text { height: 70px; } .talent-body h3 { padding-bottom: 15px; } .talent-content { padding-top: 10px; padding-bottom: 10px; } .talent-content .title h2 { font-size: 20px; } .talent-content .title span { display: block; font-size: 14px; margin-left: 0; padding-top: 10px; } .talent-close { top: 10px; } .talent-content .body p { font-size: 12px; line-height: 24px; } .talent-content .shengqing a { width: 100px; height: 30px; line-height: 30px; font-size: 16px; } .talent-content .shengqing { margin-top: 20px; margin-bottom: 10px; } /*20160801*/ .index-banner .owl-prev, .index-banner .owl-next { -webkit-background-size: 60%; background-size: 60%; } .index-banner .owl-prev { left: 0; } .index-banner .owl-next { right: 0; } .index-zhanting .owl-prev, .index-zhanting .owl-next { width: 30px; height: 30px; -webkit-background-size: 100%; background-size: 100%; margin-top: -15px; } .index-dongtai .owl-prev, .index-dongtai .owl-next, .index-case .owl-prev, .index-case .owl-next { width: 15px; height: 30px; -webkit-background-size: 200%; background-size: 200%; } .index-dongtai .owl-prev, .index-case .owl-prev { left: -15px; } .index-dongtai .owl-next, .index-case .owl-next { right: -15px; } .profile1 { margin-bottom: 50px; margin-top: 50px; } /*鎵嬫満鐗?/ .float-box { display: none; } .about-xns { padding-top: 50px; } .newmain { float: none !important; width: 100% !important; } .detail_right, .inside-title { float: none !important; width: 90% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; } .index-dongtai .dongb h3, .news-list .dongb h3 { font-size: 24px; } .join .zy_scoller { margin-top: 100px; } .profile-layout-c .profile-content { padding-top: 20px; margin-left: 10px; margin-right: 10px; } .profile-layout-c { max-height: 75%; overflow: auto; } .profile-layout-c .profile-content h2 { font-size: 20px; padding-bottom: 10px; } .profile-layout-c .profile-content p { font-size: 14px; line-height: 1.5; } } @media (max-width: 680px) { .header-show .blogo img { width: 120px; } .nav-close { display: block; float: right; width: 35px; height: 35px; background: ; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: 30px; } .header-show .headerr { width: 100%; text-align: left; } .header-show .pnav { width: 100%; text-align: left; float: none; } .header-show .pnav li { display: block; margin-bottom: 20px; margin-left: 0; } .header-show .pnav a.head { padding-bottom: 5px; } .header-show .pnav .body { position: static; height: auto; line-height: 24px; margin-top: 20px; margin-left: 15px; } .pnav .body .pnav-wrap { margin-left: 0 !important; } .headerr .search { float: none; } .headerr-top .search { display: inline-block; } .headerr-down .search { display: none; padding-left: 0; } .headerr-top a, .headerr-top span { margin-bottom: 10px; } .headerr .search span { margin: 0; } .header-see { margin-top: 30px; } .slogo img { width: 120px; } .header-see .nav-btn { width: 35px; height: 35px; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .index-head a { font-size: 18px; } .index-head li { padding-left: 10px; padding-right: 20px; } .pcbanner { display: none; } .mbbanner { display: block; top: 50px; } .float-box li { width: 60px; height: 60px; } .float-box li .pic { width: 25px; height: 25px; -webkit-background-size: 100%; background-size: 100%; } .float-box li p { font-size: 12px; } .index-dongtai .dongb { padding: 10px 5%; } .index-dongtai .dongb h3 { font-size: 28px; } .product1-text { width: 44%; } .product1 li:nth-of-type(2n-1) .product1-text { right: 3%; } .product1 li:nth-of-type(2n) .product1-text { left: 3%; } .product1 .product1-text h2 { padding-bottom: 3px; } .product1 .product1-text p { font-size: 12px; line-height: 20px; white-space: normal; } .tv-list li { width: 33.33333%; } .talent-body li { width: 32%; margin-right: 2%; } .talent-body li:nth-of-type(4n) { margin-right: 2%; } .talent-body li:nth-of-type(3n) { margin-right: 0; } .talent-apply li { width: 48%; margin-right: 4%; } .talent-apply li:nth-of-type(3n) { margin-right: 4%; } .talent-apply li:nth-of-type(2n) { margin-right: 0; } .talent-apply .bigli label { width: 13%; } .talent-apply .bigli textarea { width: 87%; } } @media (max-width: 600px) { .example_video_1-dimensions { height: 304px; } .talent-apply li { width: 100%; } .talent-apply .bigli label { display: block; width: 100%; padding-bottom: 10px; } .talent-apply .bigli textarea { width: 100%; } .talent-apply .submit { margin-left: 0; } } @media (max-width: 475px) { .news-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } .news-list li:nth-of-type(3n) { margin-right: 0; } .page ul { display: block; text-align: right; } .page .pager { display: block; margin-top: 10px; margin-right: 5px; text-align: right; } .tv-list li { width: 100%; margin-bottom: 0; } .example_video_1-dimensions { height: 310px; } .daily-list li { width: 100%; margin-right: 0; } .daily-list li:nth-of-type(2n) { margin-right: 0; } .talent-body li { width: 100%; margin-right: 0; } .talent-body li:nth-of-type(2n) { margin-right: 0; } .inside-title h2.en { font-size: 22px; } .inside-title h2.cn1 { font-size:16px; } .inside-title1 h2.cn1 { font-size:16px; } .game163 .smallimg { padding-left: 0; } } @media (max-width: 375px) { .example_video_1-dimensions { height: 260px; } .profile5 h2 { padding-bottom: 30px; } #right ul .one a { font-size: 14px !important; } .map { height: 300px; } .inside-title.inside-title1,{ margin-top: 30px; } } @media (max-width: 360px) { .game163 .smallimg { padding-left: 20px; } } /*201600712淇敼灏忔晥鏋?/ .index-dongtai .dongtai-text a:hover, .news-list .dongtai-text a:hover { color: #b28853; } .dongtai-body .dongtai-pic { display: block; overflow: hidden; } /*.dongtai-body .dongtai-pic:hover img {*/ /* -webkit-transform: scale(1.1, 1.1);*/ /* -moz-transform: scale(1.1, 1.1);*/ /* -ms-transform: scale(1.1, 1.1);*/ /* -o-transform: scale(1.1, 1.1);*/ /* transform: scale(1.1, 1.1);*/ /*}*/ .dongtai-body .dongtai-pic img, .dongtai-body .dongtai-pic:hover img, .news_list_pic:hover .pic, .news_list_pic .pic { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .news-list li img { width: 100%; } .inside-focus img { width: 100%; } .news_list_pic { display: block; height: 220px; overflow: hidden; } .news_list_pic .pic { display: block; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; } .news_list_pic:hover .pic { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /*20160802*/ @media (min-width: 768px) { .mprofile2 { display: none; } } @media (max-width: 1050px) { .game163 { width: 95%; margin: 0 auto; } .game163 .bigimg { width: 570px !important; min-height: 186px !important; } .jm-qylc-bg { height: 320px; } .game163 .bigimg li { padding: 10px; width: 570px !important; } .game163 .bigimg li img { width: 100%; } .game163 .smallimg { width: 100%; } .jm-xueyuan li.wenan p { font-size: 12px; font-weight: normal; line-height: 20px; } .jm-guimo .guimo-text h2, .jm-guimot h2 { font-size: 20px; padding-bottom: 10px; } .jm-guimo .guimo-text p, .jm-guimot p, .jm-qylc .bigimg .text p { font-size: 12px; line-height: 20px; } .jm-sq-form label { width: 24%; } .jm-sq-form input, .jm-sq-form textarea { width: 76%; } .jm-sq-form .submit { margin-left: 24%; } .join_jms-c .owl-prev { left: 0; } .join_jms-c .owl-next { right: 0; } } @media (max-width: 768px) { .mprofile2 { display: block; border-bottom: 1px solid #ddd; } .gallery-thumbs .swiper-slide-active { color: #a01f24; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white, .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background: none; color: #999; font-family: "瀹嬩綋"; font-weight: bold; line-height: 44px; text-align: center; } .swiper-container { } .gallery-thumbs .swiper-slide { font-size: 22px; font-family: "瀹嬩綋"; font-style: italic; width: 75px; } .gallery-thumbs { margin-left: 27px; margin-right: 27px; height: 60px; line-height: 60px; } .mprofile2-top { background-color: #eff3f9; position: relative; width: 100%; } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { right: 0; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { left: 0; } .slide-text { min-height: 200px; padding-top: 30px; padding-bottom: 30px; color: #333; font-family: "瀹嬩綋"; } .slide-text h2 { font-size: 40px; font-style: italic; font-weight: normal; padding-bottom: 10px; } .slide-text p { font-size: 20px; line-height: 32px; } #banner { padding-top: 50px; } } /* 20160827浜у搧灞曞巺-鎼滅储 */ .pro-search .product2-body { display: block; } .inside-search { margin-bottom: 40px; width: 90%; max-width: 500px; height: 50px; box-sizing: border-box; padding-right: 50px; border: 1px solid #ddd; margin-left: auto; margin-right: auto; position: relative; } .inside-search .search { width: 50px; height: 50px; background: #aa0001 no-repeat center; position: absolute; right: 0; top: -1px; text-indent: -999px; overflow: hidden; } .inside-search .text { width: 65%; height: 48px; line-height: 48px; float: left; border-right: 1px solid #ddd; box-sizing: border-box; text-indent: 1em; color: #333; font-size: 14px; } .inside-search .select { width: 35%; height: 48px; line-height: 48px; color: #333; font-size: 14px; padding-left: 10px; } .jm-yx-block .jm-yx-content img:nth-of-type(2), .cgalimg img:nth-of-type(2), .jm-lc .moimg { display: none; } .ppbz-mo, .cpys-mo, .jmtj-mo, .zczc-mo, .gdcp-mo, .why-mo, .ffrw-mo, .hzmt-mo, .jmd-mo, .cgal-mo, .zytd-mo, .tb-mo, .tit-mo, .qygm-mo { display: none !important; } @media (max-width: 640px) { .profile-layout-c .profile-content .pic { width: 100%; } .profile-layout-c .profile-content .text { width: 100%; } .profile-layout-c { padding: 30px 0; } .slide-text p { font-size: 16px; } .slide-text h2 { font-size: 26px; } /* 鎷涘晢鍔犵洘 */ .jm_main li, .jm_main li.jm-on { width: 48%; margin-right: 4%; margin-bottom: 20px; height: 200px; } .jm_main li:nth-of-type(2n) { margin-right: 0; } .jm-mian-hover .text img { width: 50%; } .jm-mian-hover .text p { font-size: 14px; } .jm-mian-hover { height: 150px; } .join .zy_main { height: auto !important; } .join .zy_scoller { margin: 20px 0 0 0; } .jm-yx-block { width: 100%; overflow: hidden; margin-bottom: 40px; } .jm-yx-block .jm-yx-title { width: 150%; } .jm-yx-block .jm-yx-title img { margin-left: -36.5%; } .jm-yx-block .jm-yx-content { overflow: hidden; } .ppyximg { width: 200%; } .jm-yx-block .jm-yx-content img { display: block; } .jm-yx-block .jm-yx-content img:nth-of-type(2) { display: block; margin-left: -51%; margin-top: 10px; } #tab li { width: 49%; height: 45px; } .jm-xueyuan li { width: 49%; margin-right: 2%; margin-bottom: 10px; } #tab li:nth-of-type(2n), .jm-xueyuan li:nth-of-type(2n) { margin-right: 0; } .zy_main { overflow: hidden; height: auto !important; } #tab1 li { width: 32%; margin-right: 2%; margin-bottom: 5px; } #tab1 li:nth-of-type(3n) { margin-right: 0; } #tab1 li.current:after, #tab1 li.current:before { display: none; } .jm-xueyuan li { height: 220px; } .jm-xueyuan li.wenan .wenan-text { width: 90%; } .jm-meiti li { height: 180px; } .jm-guimo .owl-carousel { width: 100%; margin-bottom: 20px; } .jm-guimo .guimo-text { width: 100%; position: static; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .jm-guimo .guimo-text h2, .jm-guimot h2 { font-size: 24px; padding-left: 15px; } .text-mo { padding: 0 15px 30px 15px; } .jm-guimot .guimot-text { padding: 20px 0 0 0; } .jm-qylc .bigimg .pic, .jm-qylc .bigimg .text, .game163 .smallimg { width: 100%; } .game163 { width: 95%; margin: 0 auto; } .game163 .bigimg { width: 280px !important; } .game163 .bigimg li { padding: 10px; width: 280px !important; } .jm-qylc .bigimg .text h2 { font-size: 28px; } .jm-gaoduan li { margin: 0; } .jm-sq-content { padding: 0; } .jm-sq-pic, .jm-sq-form { width: 100%; } .jm-sq-form label { width: 20%; } .jm-sq-form input, .jm-sq-form textarea { width: 80%; } .jm-sq-form .submit { margin-left: 20%; } .jm-lc .pcimg { display: none; } .jm-lc .moimg { display: block; } .jm-gaoduan li a, .jm-gaoduan li.gaoduan-on a { font-size: 21px; } .join .join-title img { width: 100%; } .jm-qylc-bg { height: auto; padding-bottom: 40px; } .game163 .bigimg { min-height: 300px !important; } .ppbz-pc, .cpys-pc, .jmtj-pc, .zczc-pc, .gdcp-pc, .why-pc, .ffrw-pc, .hzmt-pc, .jmd-pc, .cgal-pc, .zytd-pc, .tb-pc, .tit-pc, .qygm-pc { display: none !important; } .ppbz-mo, .cpys-mo, .jmtj-mo, .zczc-mo, .gdcp-mo, .why-mo, .ffrw-mo, .hzmt-mo, .jmd-mo, .cgal-mo, .zytd-mo, .tb-mo, .tit-mo, .qygm-mo { display: block !important; } /*.jm-zc .zczc-mo{padding-bottom: 100px;}*/ .zczc-mo .owl-nav, .why-mo .owl-nav { display: none; } .zczc-mo .owl-dots, .why-mo .owl-dots { width: 100%; position: absolute; bottom: -30px; left: 0; text-align: center; } .zczc-mo .owl-dot, .why-mo .owl-dot { display: inline-block; width: 8px; height: 8px; background-color: #c8c8c8; margin: 0 5px; border-radius: 50%; } .zczc-mo .owl-dots { position: static; margin-top: 20px; margin-bottom: 50px; } .zczc-mo .owl-dot.active, .why-mo .owl-dot.active { background-color: #a01f24; } .gdcp-mo .tshow { display: block; } .join .join-title { margin-top: 60px; margin-bottom: 30px; } .join .join_zy .join-title { margin-top: 40px; } .join .jm_main { margin-bottom: 0; } .join .zy_scoller .img_sc { width: 220px; height: 160.6px; } .jm-yx-block .jm-yx-title { margin-bottom: 20px; } .jm-yx-block { margin-bottom: 30px; } #tab, #tab1, #tab2 { margin-bottom: 20px; overflow: hidden; } .join .join_success .join-title { margin-top: 50px; } .tit-mo { width: 80% !important; margin: 0 auto; } .join .join_success .zy_scoller { margin-top: -10px; } .join .join_jms .join-title img { width: 60%; margin: 0 auto; display: block; } .hzmt-mo { margin-top: -30px; } .ffrw-mo { margin-top: -20px; } .why-tit { width: 70% !important; margin: 0 auto; display: block; margin-bottom: 30px; } .join .jm-gaoduanc .join-title, .join .jm-lc .join-title { margin-top: 90px; } .jm-gaoduanc { padding-bottom: 0; } .jm-ys { padding: 0; background-color: transparent; } .join .jm-ys .join-title img, .join .jm-bz .join-title img, .join .jm-tj .join-title img, .join .jm-zc .join-title img, .join .jm-lc .join-title, .join .jm-qylc .join-title img { width: 50%; margin: 0 auto; display: block; } .jm-sq-pic { margin-bottom: 20px; } /* 浜у搧璇︽儏 */ .xq .xq-l .por-l { width: 60px; height: 340px; } .anniu_top, .anniu_bottom { left: 20px; } .xq-type > div { width: 33.33% !important; height: 40px !important; } .xq-type .imgc { width: 20px; height: 20px; } .xq-type a { font-size: 12px; } .xq-bom ul li { width: 100%; padding: 15px 0; } .xq-bom ul li p { padding-bottom: 0; } .game163 .smallscroll { margin-top: 20px; } } .profile_slidebox { width: 100%; /* height:230px;*/ overflow: hidden; position: relative; background-color: #fff; } .profile_slidebox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .profile_slidebox .hd ul { overflow: hidden; zoom: 1; float: left; } .profile_slidebox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .profile_slidebox .hd ul li.on { background: #f00; color: #fff; } .profile_slidebox .profile_bd { position: relative; height: 100%; z-index: 0; } .profile_slidebox .profile_bd li { zoom: 1; vertical-align: middle; } .profile_slidebox .profile_bd img { width: 100%; height: auto; display: block; } /*2017骞?鏈?7鏃?0:15:23 鏂板淇敼瀵嗙爜 */ .new-window-mb { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 1000; display: none; } .new-window { padding: 20px; background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1001; font-family:"寰蒋闆呴粦"; color: #333; display: none; } .new-window-title { padding: 10px 0; font-size: 18px; text-align: center; } .new-window-item { padding: 10px 0; position: relative; } .new-window-item label { position: absolute; height: 30px; line-height: 30px; } .new-window-item input { margin-left: 100px; padding: 5px 10px; border: 1px solid #d8d8d8; display: block; width: 250px; font-size: 14px; line-height: 1.5; } .new-window-item [type="submit"] { background: #b28853; color: #fff; box-sizing: content-box; } @media (max-width: 768px) { .new-window { width: 90%; } .new-window-item input { width: calc(100% - 100px); box-sizing: border-box; } .new-window-item [type="submit"] { box-sizing: border-box; } } /* 2017骞?鏈?7鏃?0:16:37 鍔犵洘椤甸潰淇敼 */ body { position: relative; } .new-join-wrap { padding: 25px 0; } .new-join { margin-bottom: 210px; font-family: microsoft yahei, tahoma, srial, helvetica, sans-serif; } .route { font-size: 14px; color: #999; } .route ul li { margin: 0 3px; display: inline-block; } .route ul li a { color: #999; } .new-join-main { margin-top: 40px; margin-left: 150px; margin-right: 150px; } .new-join-title { font-size: 30px; font-weight: bold; text-align: center; } .new-join-title h1 { padding: 20px 0; color: #333; position: relative; } .new-join-title h1::before { content: ''; position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 2px; background: #a90001; } .new-join-left { width: 240px; float: left; } .join-left-list li { margin-bottom: 10px; text-align: center; } .join-left-list li a { padding: 20px 0; display: block; color: #333; font-size: 16px; background: #dcdddd; } .join-left-list li.on a, .join-left-list a:hover { background: #a90001; color: #fff; } .new-join-lefttitle { margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #333; } .new-join-pro, .new-join-link { margin-top: 40px; } .new-join-linklist { border-top: 1px solid #b5b5b6; border-bottom: 1px solid #b5b5b6; } .new-join-linklist li { padding: 15px 0; border-bottom: 1px solid #efefef; } .new-join-linktext { padding-left: 55px; background-repeat: no-repeat; background-position: 10px -15px; } .new-join-linktext.tel { background-image: ; } .new-join-linktext.address { background-image: ; } .new-join-linktext.phone { background-image: ; } .new-join-linktext.cz { background-image: ; } .new-join-linktext p { line-height: 1.75; font-size: 14px; font-weight: bold; color: #333; } .new-join-linktext .num { font-weight: normal; color: #666; } .new-join-right { margin-left: 270px; } .news-join-newstitle { margin-top: 60px; } .new-join-news { margin: 60px -15px 0; } .new-news-item { padding: 0 15px; } .new-news-item a p { text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; font-size: 14px; font-weight: bold; text-align: center; color: #333; overflow: hidden; } .new-news-item a:hover p { color: #a90001; } .new-join-newsowl .owl-controls .owl-nav .owl-prev, .new-join-newsowl .owl-controls .owl-nav .owl-next { position: absolute; top: calc(50% - 30px); width: 30px; height: 60px; background: no-repeat center; font-size: 0; } .new-join-newsowl .owl-controls .owl-nav .owl-prev { left: -30px; background-image: ; } .new-join-newsowl .owl-controls .owl-nav .owl-next { right: -30px; background-image: ; } .new-join-newsowl .owl-controls .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; } .new-join-newsowl .owl-controls .owl-dot { margin: 0 10px; display: inline-block; } .new-join-newsowl .owl-controls .owl-dot.active span { background: #a90001; } .new-join-newsowl .owl-controls .owl-dot span { display: block; width: 12px; height: 12px; background: #acacac; border-radius: 6px; } .new-join-form { font-family: microsoft yahei, tahoma, srial, helvetica, sans-serif; padding-top: 27px; background: no-repeat top center; height: 210px; width: 100%; background-size: cover; position: fixed; bottom: 0; left: 0; z-index: 99; box-sizing: border-box; transition: transform .25s ease; } .new-join-form.on { transform: translatey(calc(100% - 25px)); transition: transform .25s ease; } .new-join-form.off { transform: none; } .new-join-form .new-join-title h1 { color: #fff; } .new-join-form .new-join-title h1::before { background: #fff; } .new-form { margin-top: 20px; } .new-form-box { margin: 0 -10px; font-size: 0; color: #333; } .new-form-box input, .new-form-box select { margin: 0 10px; padding: 20px 15px; border: 2px solid #fff; display: inline-block; width: 16.66666%; font-size: 16px; box-sizing: border-box; font-family:"寰蒋闆呴粦"; } .new-form-box select { width: 16%; } .new-form-box .btn { background: transparent; color: #fff; text-align: center; width: 12%; } .new-form-box .two { width: 23%; } .new-join-contentitem { display: none; } /* 2017/9/19 */ .move-pl-l { display: none; } @media (max-width: 768px) { .new-join-left { float: none; width: 100%; } .new-join-right { margin-top: 20px; margin-left: 0; } .news-join-newstitle { margin-top: 20px; } .new-join { margin-bottom: 0; } .new-join-form { height: auto; overflow: hidden; position: static; } .new-join-title { font-size: 22px; } .new-form-box [type="text"], .new-form-box select { margin-bottom: 20px; width: calc(50% - 20px); } .new-form-box .btn { margin: 0 auto 20px; display: block; width: 40%; } /* 2017/9/19 */ .new-join-main { margin-top: 20px; margin-left: 0; margin-right: 0; } .join-left-list { margin: 0 -8px; } .join-left-list li { margin: 0 8px 15px; width: calc(50% - 16px); display: inline-block; } .join-left-list li a { padding: 20px 10px; } .pc-pl-l { display: none; } .move-pl-l { display: block; } } .new-icon-close { position: absolute; top: 15px; right: 15px; width: 16px; height: 16px; background: no-repeat center; background-size: 100%; cursor: pointer; } /* 琛ㄥ崟鐐瑰嚮 */ .new-form-click { position: absolute; width: 42px; height: 42px; top: 0; left: calc(50% - 21px); cursor: pointer; } strong { font-weight: bold; } .new-join-contentitem { overflow-y: auto; } /* 2017骞?鏈?1鏃?8:10:30 涓嬭浇鎸夐挳 */ .new-down { margin-left: 20px; padding: 2px 5px; border: 2px solid #b28853; float: right; color: #fff; background: #b28853; box-sizing: border-box; transition: all .25s ease; font-size: 12px; vertical-align: middle; } .new-down:hover { background: #fff; color: #b28853; } /*2017骞?鏈?2鏃?9:36:45*/ .no-bg { background: none !important; } /*棣栭〉鍚庡姞鍐呭-绉诲姩绔嚜閫傚簲*/ @media (max-width: 768px) { .zhanting-body { width: 100%; margin: 0 auto; } .vancens-pro .item:nth-child(1) { width:100%; clear: left; margin-right: 2%; height:260px; } .vancens-pro .item:nth-child(1) img{ width:100%; height:auto; } .vancens-pro .item:nth-child(2) {width:99%; clear: left; margin-top: 2%; height: unset; margin-right: 1%;} .vancens-pro .item:nth-child(3) { width: 45%; float: left; margin-top:12%; margin-right: 2%; height: 112px; } .vancens-pro .item:nth-child(4) { width: 45%; margin-top:12%; } .vancens-pro .item:nth-child(5) { width: 45%; float: left; margin-top:5%; margin-right: 2%; height:300px; } .vancens-pro .item:nth-child(6) { width: 45%; margin-top:5%; } .vancens-pro .item p.one{ font-size:30px; font-family:gothama; color:#4f4f4f; } .vancens-pro .item p.two{ font-size:30px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; } .vancens-pro .item p.three{ font-size:20px; margin-top:30px; font-family:"alibaba-puhuitil"; color:#595959; } .vancens-pro .item p.four{ font-size:23px; margin-top:25px; font-family:"alibaba-puhuitim"; color:#595959; } .vancens-pro .item p.more{ margin-top:15px;} .vancens-pro .item p.five{ font-size:25px; font-family:gothama; color:#4f4f4f;} .vancens-pro .item p.six{ font-size:22px; font-family:"alibaba-puhuitib"; color:#595758;} .vancens-pro .item p.seven{ font-size:12px; font-family:"alibaba-puhuitil"; color:#000000; text-align:left; align:justify; padding-left:2px; height:150px; } /*鍔犵洘*/ #join_head li { width: 32.333333%; box-sizing: border-box; padding: 30px 0; margin-right: 1%; } #join_head li:last-child { margin-right: 1%; } .index-head { margin-bottom: 10px; } .join-toggle { padding: 10px 10px; } .join-one .join-item { margin: 10px 0; } .join-one .join-item .title { font-size: 18px; } .join-one .join-item .info { font-size: 14px; margin-top: 10px; color: #908e8e; padding-right: 10px; } .join-two li { width: 50%; float: left; text-align: center; font-size: 14px; color: #737373; margin: 13px 0; } .join-three p { margin: 0px 0; font-size: 14px; color: #737373; padding-top: 6px; } .join-four li { display: inline-block; width: 100%; border: 1px solid #c12525; box-sizing: border-box; padding: 0px 0; margin: 3px 0px; color: #863535; } .index-jform .left { float: unset; width: 100%; } .index-jform .left img{ width: 100%; height:auto; } .index-jform .right { float: unset; width: 100%; } .index-jform .right .ri-right{ padding-left: 0px; padding-top:0px; } .ri-right p.one{ font-size:30px; font-family:gothama; color:#4f4f4f; } .ri-right p.two{ font-size:30px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; } .ri-right p.three{ font-size:25px; margin-top:35px; font-family:"alibaba-puhuitil"; color:#595959; } .ri-right p.four{ font-size:20px; margin-top:25px; font-family:"alibaba-puhuitim"; color:#595959; } .ri-right p.five{ font-size:20px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#292929; } .ri-right .bg1{ background-color:#009343; width:50px; } .ri-right .bg2{ background-color:#e10012; width:50px; } .ri-right p.more{ margin-top:25px;} .ri-right p.more a{ display: inline-block; border: 1px solid #000000; padding: 5px 10px; color: #000000; font-size:20px; font-family:"alibaba-puhuitil"; } .product img{width:100%;} .ri-right1 p.two{ font-size:30px; margin-top: 10px; font-family:"alibaba-puhuitib"; color:#595758; text-align:right; } .ri-right1 p.four{ text-align:right; font-size:20px; margin-top:55px; font-family:"alibaba-puhuitim"; color:#595959; } .ri-right1 p.five{ text-align:right; font-size:20px; margin-top:5px; font-family:"alibaba-puhuitil"; color:#292929; } .ri-right1 .bg1{ background-color:#009343; width:50px; } .ri-right1 .bg2{ background-color:#e10012; width:50px; } .ri-right1 p.more{ margin-top:25px; text-align:right;} .ri-right1 p.more a{ display: inline-block; border: 1px solid #000000; padding: 5px 10px; color: #000000; font-size:20px; font-family:"alibaba-puhuitil"; } .vancens-pro .item { height: 112px; } .vancens-pro .item:nth-child(3) { height: 112px; } .profile1 img,.profile2 img{ width:100%} .index-dongtai .index-title h2 { font-family:"alibaba-puhuitib"; font-size:25px; color: #ffffff; } .index-dongtai .index-title p { font-size:28px; font-family:gothama; color: #fff; margin-bottom: 10px; } .foot-nav dl { display: inline-block; vertical-align: top; margin-right:3%; margin-bottom: 20px; clear:left; } .foot-hot dt { margin-left:0px; float:left; font-size:23px; color: #fff; font-family:"alibaba-puhuitib"; } .foot-hot dd { margin-left:0px; font-size:20px; color: #fff; float:left; font-family:"寰蒋闆呴粦"; } .inside-local a, .inside-local span { font-family:"alibaba-puhuitil"; color: #999; font-size:16px; } .inside-title h2.cn1, .inside-title1 h2.cn1 { padding-top:20px; float:left; text-align:justify; color:#595856; font-size:16px; line-height:25px; font-weight:normal;} .profile1-pic,.pic1 { width: 100%; margin-top:20px; } .profile1-text { width: 100%; } .profile1 .fl,.profile2 .fl{width:100%; clear: left; } .profile1 .fr,.profile2 .fr{width:100%; margin-left:0px;} .profile1-text h2 {color:#595856; font-size:26px; font-family:"alibaba-puhuitib";} .profile1-text p { padding-top:20px; float:left; text-align:justify; color:#595856; font-size:18px; line-height:35px; } .profile2 .fl{ margin-bottom:20px;} .profile2{ margin-bottom:10px;} .profile2 .en{ font-size:18px; font-weight: normal; font-family:"alibaba-puhuitil"; color:#595758; letter-spacing: 3px; } .profile2 .cn{ font-size:16px; color:#595758; font-family: "alibaba-puhuitib"; } .profile2 .pic2 .fl1{width:45%; } .profile2 .pic2 .fr1{width:45%; } .profile3 .picture1{width:100%; float:left; } .profile3 .picture2{width:100%; float:left;margin-left:0;} .profile3 .picture3{width:100%; float:left;margin-left:0;} .profile3 .picture4{width:100%; float:left;margin-left:0;} .profile3 .ul-list2 li{width:100%; margin:0 auto;} .ul-list2 { overflow: hidden; padding-left:0px; } .ul-list2 li { height:550px; float: left; margin-bottom:50px; } .ul-list2 a { position: relative; display: block; margin-left:0px; } .ul-list2 a:hover .shade { opacity: 1; filter: alpha(opacity=100); } .ul-list2 .pic { position: relative; padding-top: 86.7257%; } .ul-list2 .pic img { position: absolute; top: 0; left: 0; width: 100%; height:auto; } .ul-list2 .shade { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height:545px; background: url(/uploads/image/images/bg2.png) 0 0 repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .ul-list2 .shade .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; } .ul-list2 .shade .box:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .ul-list2 .txt { display: inline-block; vertical-align: middle; font-size: 18px; text-transform: uppercase; line-height: 28px; color: #fff; } .ul-list2 .txt h3 { font-size: inherit; font-size:15px; font-weight:normal; } .ul-list2 .txt p { font-family: arial; } .profile4 { margin-top:20px;} .profile4 img{ width:100%} .profile4 .item1{width:100%; } .profile4 .item2{width:100%; } .profile4 .dongtai-text{ padding: 15px 3%; } .profile4 .dongtai-text p{ position: relative; font-family:gothama; color:#595758; font-size:24px; text-align:right; } .profile4 .dongtai-text h2{ font-size:20px; color:#595758; text-align:right; } .profile4 .dongtai-text span{ margin-top:10px; float:left; font-size:15px; line-height:25px; font-family:"alibaba-puhuitil"; height:100px; } .profile4 .dongb{ margin-top:50px; padding: 15px 3%; display: block; } .profile4 .dongb span{ display: inline-block; border: 1px solid #595758; padding: 5px 10px; color: #595758; font-size:20px; font-family:"alibaba-puhuitil"; } .profile4 .dongb:hover{ } .profile4 .dongb:hover h3, .profile4 .dongb:hover i{ color: #595758; } .profile4 .dongb:hover span{ background-position: center bottom; position: relative; } .profile4 .dongb, .profile4 .dongb h3, .profile4 .dongb i, .profile4 .dongb span, { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .txt{ padding:50px 0; margin-bottom:40px;} .txt h2{ float:left; font-size:16px; color:#595758; font-family:"alibaba-puhuitib"} .txt span{ float:right; padding: 5px 10px; background-color:#595758; font-size:18px; color:#ffffff; font-family:"alibaba-puhuitib";} .cpys .b1{ width:100%; background-color:#fafafa } .cpys .b2,.cpys .b3,.cpys .b4{ width:100%; background-color:#fafafa; margin-left:0px;} .cpys img{min-width:100%} .cpys .b5,.cpys .b6,.cpys .b7,.cpys .b8,.cpys .b9,.cpys .b10,.cpys .b11,.cpys .b12,.cpys .b13,.cpys .b14,.cpys .b15{ width:100%;background-color:#fafafa; margin-left:0px;} .cpys .txt1{ color:#595758; font-size:16px; text-align:center; padding-bottom:20px;width:100%} .contact-hot{ float:left;background-color:#f4f4f4; width:100%; padding:50px 0;} .contact-hot dt { margin-left:20px; font-size:20px; color: #595758; } .contact-hot dd { margin-left:20px; font-size:12px; color: #595758; } .contact-hot dd p{ line-height:61px; height:130px; } .contact-r { float:left; background-color:#f4f4f4;; text-align: right; width:100%;padding:50px 0; } .contact-r li { display: inline-block; width:100%; margin-left: 4%; text-align: center; } .contact-r li p { font-size:23px; color: #595758; font-family:"alibaba-puhuitib"; } .jmys li{ float:left; width:100%;text-align: center; overflow: hidden; height:350px; margin-right:0px; display:block; border: 1px solid #eaeaea; background-color:#f4f4f4; margin-bottom:20px;} .jmys li .up .a{ display:block; width:90%; height:135px; margin: 0 auto 15px auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .icaseleft{position: relative; float: left; width: 100%; overflow: hidden; padding: 20px 0 0; background-color:#595758; margin-bottom:15px; } .icaseleftintro{position: relative;padding:20px 20px 20px 20px; margin:0 20px;} .icaseleftintro .text{ padding:10px 55px;} .icaseleftintro .text h1 {color:#ffffff;text-align:center; font-size:20px;} .icaseleftintro .text h1 a:hover{ color:#ffffff;} .icaseleftintro .text span{ color:#ffffff; font-size:14px; text-transform: uppercase; text-align:center; line-height:23px; margin:10px 100px; } .icaseleftintro .up .a{ display:block; width:100px; height:100px; margin: 0 auto 15px auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background:url(/uploads/image/images/ico1.jpg) center no-repeat;} .icaseright{ width:100%; overflow: hidden; } .icaserquery{ width:100%; margin: 0 0 14px 0px; padding: 8px 0 0; background-color:#595758;} .jmhzleft{ width:100%; height:auto; margin-bottom:20px;} .jmhzleft img{width:100%;height:auto; } .jmhzright{width:100%;} .jmhzright ul li{ width:100%; padding: 8px 0 20px; background-color:#595758; margin-top:4px; } .jmhzright .a1,.jmhzright .a2,.jmhzright .a3,.jmhzright .a4,.jmhzright .a6,.jmhzright .a7,.jmhzright .a8,.jmhzright .a9{margin-right:0px; text-align:center; color:#ffffff} .jmhzright .a5,.jmhzright .a10{margin-right:0px; float:right;text-align:center; color:#ffffff} .inside-focus img{widht:100%;} .online .text1,.online .text2,.online .text3{width:94%;padding: 0 15px;height: 50px;line-height: 50px;background: none;border: 1px solid #838182;font-family:"alibaba-puhuitil"; font-size:23px;color: #474949;} .online .text2,.online .text3{ margin-left:0} .online textarea{display:block;height:160px;resize:none;margin-bottom: 30px;background:none;border: 1px solid #838182;width:94%;padding:10px 15px;font-size:14px;color:#474949;line-height:20px;font-family:"alibaba-puhuitil"; font-size:23px;} .online .hr_form_fot{ position:relative;} .online .tex1t:focus,.online .text2:focus,.online .text3:focus{ border:1px solid #595758;} .online textarea:focus{ border:1px solid #595758;} .online .submit{background: #838182;font-family:"alibaba-puhuitil"; font-size:23px;border:0;height:45px !important;color:#fff;line-height:45px !important;width:100px;cursor:pointer;float: right;} .online .submit:hover{ background-color:#363036; color: #fff;} .footer { width: 100%; background: #0f0f0f; height: 76px; position: relative; } .footer .wrap { position: relative; } .footer .footer-list { display:none; } .footer .btn-back { display: block; position: absolute; right: 0; top: 50%; margin-top:20px; width: 88px; height: 38px; background-color: #282828; background-image: url(/uploads/image/images/icon-6.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .footer .btn-back:hover { background-position: center 2px; } .footer .btn-back:after { content: ""; left: 0; bottom: -1px; width: 15px; height: 1px; background: #770007; position: absolute; } .footer .btn-back:before { content: ""; right: 0; bottom: -1px; width: 70px; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; } .footer .btn-back-home { display: block; position: absolute; top: 0; left:10px; width:50px; height:auto; background: #292929; } .footer .btn-back-home img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; right: 47px; top: 27px; } .footer .btn-back-home:hover img { -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); transform: translate(10px, 0); } .foot { width: 100%; height: 234px; background: #595758; text-align: center; } .foot .telephone { font-size: 35px; color: #ffffff; margin-bottom: 20px; padding-top: 38px; font-family: "arial"; } .foot .telephone img { margin-right: 5px; } .foot .p { color: #fff; font-size: 13px; margin-bottom: 18px; text-transform: uppercase; } .foot .p a { color: #fff; font-size: 13px; } .foot .bdshare-button-style0-16 a, .foot .bdshare-button-style0-16 .bds_more { padding-left: 0px; float: none; } .foot .share .qq, .foot .share .weixin, .foot .share .weibo { position: relative; margin: 0 25px; display: inline-block; vertical-align: top; width: 28px; height: 28px; border-radius: 50%; border: 14px solid #fff; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .foot .share .qq > img, .foot .share .weixin > img, .foot .share .weibo > img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .foot .share .qq:hover, .foot .share .weixin:hover, .foot .share .weibo:hover { border-color: #fff; } .foot .share .qq:hover .win-box, .foot .share .weixin:hover .win-box, .foot .share .weibo:hover .win-box { display: block; } .foot .share .qq:hover .text, .foot .share .weixin:hover .text, .foot .share .weibo:hover .text { color: #fff; } .foot .share .qq:hover .icon, .foot .share .weixin:hover .icon, .foot .share .weibo:hover .icon { display: none; } .foot .share .qq:hover .icon1, .foot .share .weixin:hover .icon1, .foot .share .weibo:hover .icon1 { display: inherit; } .foot .share .qq .text, .foot .share .weixin .text, .foot .share .weibo .text { left: 0; bottom: -35px; padding-top: 35px; position: absolute; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #868686; width: 100px; font-size: 13px; } .foot .share .qq .win { position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width: 200px; background: #fff; border-radius: 6px; text-align: center; } .foot .share .qq .win-box { position: absolute; bottom: 0px; left: 0px; padding-bottom: 30px; display: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .foot .share .qq .win:after { content: ""; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .foot .share .qq .win span, .foot .share .qq .win a { line-height: 40px; color: #333; font-size: 15px; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; font-family: "microsoft yahei","arial"; } .foot .share .qq .win span:hover, .foot .share .qq .win a:hover { color: #c2000b; } .foot .share .qq .win span span { border-top: 1px dashed #868686; } .foot .share .weixin .win, .foot .share .weibo .win { position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 10px; background: #fff; border-radius: 6px; text-align: center; } .foot .share .weixin .win img, .foot .share .weibo .win img { max-width: 120px; height: auto !important; } .foot .share .weixin .win-box, .foot .share .weibo .win-box { position: absolute; bottom: 30px; left: 0px; display: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .foot .share .weixin .win:after, .foot .share .weibo .win:after { content: ""; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .foot .share .icon1 { display: none; } .profile31 .lia { width:100%; height:auto; font-size: 0; float:left; text-align:center; margin-bottom:10px;} .profile31 .lia .img { display: inline-block; vertical-align: top; width:100%; position: relative; } #join2 .inside-focus{ display:none;} #join2 .inside-focus1 img{ width:100%; display:inline;} } .pager_wrapper{margin:0 auto;text-align:center;clear:both;padding-top:20px; padding-bottom: 20px;} .pager_wrapper table{margin:0 auto;border-collapse:separate;} .pager_wrapper table td{padding:0;margin:0;} #flip { margin-top:8px;} .nolink { font-size:13px; margin-left:10px; margin-right:10px; border:#666666 solid 1px; padding:5px 5px 5px 5px;} #flip a { font-size:13px; margin-left:10px; margin-right:10px; border:#666666 solid 1px; padding:5px 5px 5px 5px;}